@scbt-ecom/ui 0.152.5 → 0.153.0

package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js

@@ -1,2 +1,2 @@
-import{jsxs as m,Fragment as k,jsx as i}from"react/jsx-runtime";import{Buttons as c}from"./ui/Buttons.js";import{Advantages as d}from"./ui/Advantages.js";import{useDevice as N}from"../../../../shared/hooks/useDevice.js";import"react";import{cn as p}from"../../../../shared/utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import{ResponsiveContainer as w}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../benefit/Benefit.js";import{widgetIds as h}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../longBanner/model/cva.js";import"../../../interLinking/InterLinking.js";import"../../../usefulInfo/ui/subEntities/table/model/utils.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopHeadings.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopRow.js";import"../../../usefulInfo/ui/subEntities/table/ui/MobileRow.js";import"../../../usefulInfo/ui/subEntities/documents/ui/document/model/utils.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"zod";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const Vo=({headTitle:n,subtitle:f,buttonsConfig:b,advantages:t,classes:o,images:r,backgroundColor:u})=>{var e;const{isMobile:x}=N(),l=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m(k,{children:[m("section",{id:h.banner,"data-test-id":h.banner,style:{backgroundColor:u??"#d9edff"},className:p("relative h-[552px] desktop:h-[456px]",o==null?void 0:o.root),children:[i("div",{className:"absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]",children:x?i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.mobile,className:"h-full w-full object-cover object-center",alt:r==null?void 0:r.alt}):i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full w-full object-cover object-center"})}),m(w,{className:p("h-full",o==null?void 0:o.container),children:[i("div",{className:p("flex h-full",o==null?void 0:o.wrapper),children:m("div",{className:p("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20",o==null?void 0:o.textBlock),children:[m("div",{className:"z-10 flex flex-col gap-4",children:[i("div",{dangerouslySetInnerHTML:{__html:n},className:p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),i("div",{dangerouslySetInnerHTML:{__html:f},className:p("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),i(c,{buttonConfig:b})]})}),(t==null?void 0:t.enabled)&&l&&i(d,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]})]}),(t==null?void 0:t.enabled)&&l&&i(d,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{Vo as BannerImageFull};
+import{jsxs as r,Fragment as f,jsx as e}from"react/jsx-runtime";import{cn as l}from"../../../../shared/utils/cn.js";import{Buttons as b}from"./ui/Buttons.js";import{Advantages as s}from"./ui/Advantages.js";import{useDevice as u}from"../../../../shared/hooks/useDevice.js";import{widgetIds as n}from"../../../model/helpers.js";import{ResponsiveContainer as x}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";const I=({headTitle:a,subtitle:c,buttonsConfig:m,advantages:t,classes:o,images:d,backgroundColor:p})=>{const{isMobile:h}=u(),i=t?.details&&t?.details?.items.length>0;return r(f,{children:[r("section",{id:n.banner,"data-test-id":n.banner,style:{backgroundColor:p??"#d9edff"},className:l("relative h-[552px] desktop:h-[456px]",o?.root),children:[e("div",{className:"absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]",children:h?e("img",{loading:"eager",fetchPriority:"high",src:d?.mobile,className:"h-full w-full object-cover object-center",alt:d?.alt}):e("img",{loading:"eager",fetchPriority:"high",src:d?.desktop,alt:d?.alt,className:"h-full w-full object-cover object-center"})}),r(x,{className:l("h-full",o?.container),children:[e("div",{className:l("flex h-full",o?.wrapper),children:r("div",{className:l("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20",o?.textBlock),children:[r("div",{className:"z-10 flex flex-col gap-4",children:[e("div",{dangerouslySetInnerHTML:{__html:a},className:l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o?.title)}),e("div",{dangerouslySetInnerHTML:{__html:c},className:l("desk-body-regular-l text-color-dark",o?.subtitle)})]}),e(b,{buttonConfig:m})]})}),t?.enabled&&i&&e(s,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]})]}),t?.enabled&&i&&e(s,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{I as BannerImageFull};
 //# sourceMappingURL=BannerImageFull.js.map

package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerImageFull.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerImageFull.tsx"],"sourcesContent":["'use client'\n\nimport { Advantages, Buttons } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerImageFull = ({\n  headTitle,\n  subtitle,\n  buttonsConfig,\n  advantages,\n  classes,\n  images,\n  backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n  const { isMobile } = useDevice()\n\n  const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n  return (\n    <>\n      <section\n        id={widgetIds.banner}\n        data-test-id={widgetIds.banner}\n        style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n        className={cn('relative h-[552px] desktop:h-[456px]', classes?.root)}\n      >\n        <div className='absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]'>\n          {isMobile ? (\n            <img\n              loading='eager'\n              fetchPriority='high'\n              src={images?.mobile}\n              className='h-full w-full object-cover object-center'\n              alt={images?.alt}\n            />\n          ) : (\n            <img\n              loading='eager'\n              fetchPriority='high'\n              src={images?.desktop}\n              alt={images?.alt}\n              className='h-full w-full object-cover object-center'\n            />\n          )}\n        </div>\n\n        <ResponsiveContainer className={cn('h-full', classes?.container)}>\n          <div className={cn('flex h-full', classes?.wrapper)}>\n            <div className={cn('flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20', classes?.textBlock)}>\n              <div className='z-10 flex flex-col gap-4'>\n                <div\n                  dangerouslySetInnerHTML={{ __html: headTitle }}\n                  className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n                />\n                <div\n                  dangerouslySetInnerHTML={{ __html: subtitle }}\n                  className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n                />\n              </div>\n\n              <Buttons buttonConfig={buttonsConfig} />\n            </div>\n          </div>\n\n          {advantages?.enabled && advantagesExist && (\n            <Advantages\n              classes={{\n                root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n              }}\n              {...advantages}\n            />\n          )}\n        </ResponsiveContainer>\n      </section>\n      {advantages?.enabled && advantagesExist && (\n        <Advantages\n          classes={{\n            root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n          }}\n          {...advantages}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["BannerImageFull","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","isMobile","useDevice","advantagesExist","_a","jsxs","Fragment","widgetIds","cn","jsx","ResponsiveContainer","Buttons","Advantages"],"mappings":"2kIAQO,MAAMA,GAAkB,CAAC,CAC9B,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAEfC,GAAkBN,GAAA,YAAAA,EAAY,YAAWO,EAAAP,GAAA,YAAAA,EAAY,UAAZ,YAAAO,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,UAAA,CACC,GAAIE,EAAU,OACd,eAAcA,EAAU,OACxB,MAAO,CAAE,gBAAiBP,GAAmB,SAAA,EAC7C,UAAWQ,EAAG,uCAAwCV,GAAA,YAAAA,EAAS,IAAI,EAEnE,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAU,yFACZ,SAAAR,EACCQ,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKV,GAAA,YAAAA,EAAQ,OACb,UAAU,2CACV,IAAKA,GAAA,YAAAA,EAAQ,GAAA,CAAA,EAGfU,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKV,GAAA,YAAAA,EAAQ,QACb,IAAKA,GAAA,YAAAA,EAAQ,IACb,UAAU,0CAAA,CAAA,EAGhB,IAECW,EAAA,CAAoB,UAAWF,EAAG,SAAUV,GAAA,YAAAA,EAAS,SAAS,EAC7D,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAWD,EAAG,cAAeV,GAAA,YAAAA,EAAS,OAAO,EAChD,SAAAO,EAAC,MAAA,CAAI,UAAWG,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,SAAS,EACvG,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQf,CAAA,EACnC,UAAWc,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQd,CAAA,EACnC,UAAWa,EAAG,sCAAuCV,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAW,EAACE,EAAA,CAAQ,aAAcf,CAAA,CAAe,CAAA,CAAA,CACxC,CAAA,CACF,GAECC,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGf,CAAA,CAAA,CACN,CAAA,CAEJ,CAAA,CAAA,CAAA,GAEDA,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGf,CAAA,CAAA,CACN,EAEJ,CAEJ"}
+{"version":3,"file":"BannerImageFull.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerImageFull.tsx"],"sourcesContent":["'use client'\n\nimport { Advantages, Buttons } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerImageFull = ({\n  headTitle,\n  subtitle,\n  buttonsConfig,\n  advantages,\n  classes,\n  images,\n  backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n  const { isMobile } = useDevice()\n\n  const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n  return (\n    <>\n      <section\n        id={widgetIds.banner}\n        data-test-id={widgetIds.banner}\n        style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n        className={cn('relative h-[552px] desktop:h-[456px]', classes?.root)}\n      >\n        <div className='absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]'>\n          {isMobile ? (\n            <img\n              loading='eager'\n              fetchPriority='high'\n              src={images?.mobile}\n              className='h-full w-full object-cover object-center'\n              alt={images?.alt}\n            />\n          ) : (\n            <img\n              loading='eager'\n              fetchPriority='high'\n              src={images?.desktop}\n              alt={images?.alt}\n              className='h-full w-full object-cover object-center'\n            />\n          )}\n        </div>\n\n        <ResponsiveContainer className={cn('h-full', classes?.container)}>\n          <div className={cn('flex h-full', classes?.wrapper)}>\n            <div className={cn('flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20', classes?.textBlock)}>\n              <div className='z-10 flex flex-col gap-4'>\n                <div\n                  dangerouslySetInnerHTML={{ __html: headTitle }}\n                  className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n                />\n                <div\n                  dangerouslySetInnerHTML={{ __html: subtitle }}\n                  className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n                />\n              </div>\n\n              <Buttons buttonConfig={buttonsConfig} />\n            </div>\n          </div>\n\n          {advantages?.enabled && advantagesExist && (\n            <Advantages\n              classes={{\n                root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n              }}\n              {...advantages}\n            />\n          )}\n        </ResponsiveContainer>\n      </section>\n      {advantages?.enabled && advantagesExist && (\n        <Advantages\n          classes={{\n            root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n          }}\n          {...advantages}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["BannerImageFull","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","isMobile","useDevice","advantagesExist","jsxs","Fragment","widgetIds","cn","jsx","ResponsiveContainer","Buttons","Advantages"],"mappings":"6aAQO,MAAMA,EAAkB,CAAC,CAC9B,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,CACxC,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAEfC,EAAkBN,GAAY,SAAWA,GAAY,SAAS,MAAM,OAAS,EAEnF,OACEO,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,UAAA,CACC,GAAIE,EAAU,OACd,eAAcA,EAAU,OACxB,MAAO,CAAE,gBAAiBN,GAAmB,SAAA,EAC7C,UAAWO,EAAG,uCAAwCT,GAAS,IAAI,EAEnE,SAAA,CAAAU,EAAC,MAAA,CAAI,UAAU,yFACZ,SAAAP,EACCO,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKT,GAAQ,OACb,UAAU,2CACV,IAAKA,GAAQ,GAAA,CAAA,EAGfS,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKT,GAAQ,QACb,IAAKA,GAAQ,IACb,UAAU,0CAAA,CAAA,EAGhB,IAECU,EAAA,CAAoB,UAAWF,EAAG,SAAUT,GAAS,SAAS,EAC7D,SAAA,CAAAU,EAAC,MAAA,CAAI,UAAWD,EAAG,cAAeT,GAAS,OAAO,EAChD,SAAAM,EAAC,MAAA,CAAI,UAAWG,EAAG,mEAAoET,GAAS,SAAS,EACvG,SAAA,CAAAM,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQd,CAAA,EACnC,UAAWa,EAAG,mEAAoET,GAAS,KAAK,CAAA,CAAA,EAElGU,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWY,EAAG,sCAAuCT,GAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAU,EAACE,EAAA,CAAQ,aAAcd,CAAA,CAAe,CAAA,CAAA,CACxC,CAAA,CACF,EAECC,GAAY,SAAWM,GACtBK,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGd,CAAA,CAAA,CACN,CAAA,CAEJ,CAAA,CAAA,CAAA,EAEDA,GAAY,SAAWM,GACtBK,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGd,CAAA,CAAA,CACN,EAEJ,CAEJ"}

package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as i}from"react/jsx-runtime";import{Buttons as b}from"./ui/Buttons.js";import{Advantages as n}from"./ui/Advantages.js";import{ResponsiveContainer as u}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as p}from"../../../../shared/utils/cn.js";import"uuid";import"react";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../benefit/Benefit.js";import{widgetIds as l}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../longBanner/model/cva.js";import"../../../interLinking/InterLinking.js";import"../../../usefulInfo/ui/subEntities/table/model/utils.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopHeadings.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopRow.js";import"../../../usefulInfo/ui/subEntities/table/ui/MobileRow.js";import"../../../usefulInfo/ui/subEntities/documents/ui/document/model/utils.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"zod";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const Ko=({headTitle:h,subtitle:k,buttonsConfig:x,advantages:t,classes:o,images:r,backgroundColor:f})=>{var d;const e=(t==null?void 0:t.details)&&((d=t==null?void 0:t.details)==null?void 0:d.items.length)>0;return m("section",{id:l.banner,style:{backgroundColor:f??"#d9edff"},"data-test-id":l.banner,className:p("",o==null?void 0:o.root),children:[m(u,{className:p("relative desktop:h-[456px]",o==null?void 0:o.container),children:[m("div",{className:p("flex flex-col desktop:flex-row desktop:justify-between",o==null?void 0:o.wrapper),children:[m("div",{className:"flex flex-col desktop:gap-10 desktop:pt-20",children:[m("div",{className:p("flex flex-col gap-4 pt-6 desktop:pt-0",o==null?void 0:o.textBlock),children:[i("div",{dangerouslySetInnerHTML:{__html:h},className:p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),i("div",{dangerouslySetInnerHTML:{__html:k},className:p("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),i(b,{buttonConfig:x,classes:{group:"z-10"}})]}),i("div",{className:p("relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:i("img",{loading:"eager",fetchpriority:"high",src:r==null?void 0:r.mobile,alt:r==null?void 0:r.alt,className:"h-full object-contain"})}),i("div",{className:p("relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:i("img",{loading:"eager",fetchpriority:"high",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full object-contain"})})]}),(t==null?void 0:t.enabled)&&e&&i(n,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]}),(t==null?void 0:t.enabled)&&e&&i(n,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{Ko as BannerWithSeparateImg};
+import{jsxs as d,jsx as e}from"react/jsx-runtime";import{cn as o}from"../../../../shared/utils/cn.js";import{Buttons as h}from"./ui/Buttons.js";import{Advantages as n}from"./ui/Advantages.js";import{widgetIds as s}from"../../../model/helpers.js";import{ResponsiveContainer as k}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";const y=({headTitle:p,subtitle:a,buttonsConfig:c,advantages:l,classes:t,images:i,backgroundColor:m})=>{const r=l?.details&&l?.details?.items.length>0;return d("section",{id:s.banner,style:{backgroundColor:m??"#d9edff"},"data-test-id":s.banner,className:o("",t?.root),children:[d(k,{className:o("relative desktop:h-[456px]",t?.container),children:[d("div",{className:o("flex flex-col desktop:flex-row desktop:justify-between",t?.wrapper),children:[d("div",{className:"flex flex-col desktop:gap-10 desktop:pt-20",children:[d("div",{className:o("flex flex-col gap-4 pt-6 desktop:pt-0",t?.textBlock),children:[e("div",{dangerouslySetInnerHTML:{__html:p},className:o("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",t?.title)}),e("div",{dangerouslySetInnerHTML:{__html:a},className:o("desk-body-regular-l text-color-dark",t?.subtitle)})]}),e(h,{buttonConfig:c,classes:{group:"z-10"}})]}),e("div",{className:o("relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",t?.imageContainer),children:e("img",{loading:"eager",fetchpriority:"high",src:i?.mobile,alt:i?.alt,className:"h-full object-contain"})}),e("div",{className:o("relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",t?.imageContainer),children:e("img",{loading:"eager",fetchpriority:"high",src:i?.desktop,alt:i?.alt,className:"h-full object-contain"})})]}),l?.enabled&&r&&e(n,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...l})]}),l?.enabled&&r&&e(n,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...l})]})};export{y as BannerWithSeparateImg};
 //# sourceMappingURL=BannerWithSeparateImg.js.map

package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerWithSeparateImg.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerWithSeparateImg.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\nimport { Advantages, Buttons } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerWithSeparateImg = ({\n  headTitle,\n  subtitle,\n  buttonsConfig,\n  advantages,\n  classes,\n  images,\n  backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n  const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n  return (\n    <section\n      id={widgetIds.banner}\n      style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n      data-test-id={widgetIds.banner}\n      className={cn('', classes?.root)}\n    >\n      <ResponsiveContainer className={cn('relative desktop:h-[456px]', classes?.container)}>\n        <div className={cn('flex flex-col desktop:flex-row desktop:justify-between', classes?.wrapper)}>\n          <div className='flex flex-col desktop:gap-10 desktop:pt-20'>\n            <div className={cn('flex flex-col gap-4 pt-6 desktop:pt-0', classes?.textBlock)}>\n              <div\n                dangerouslySetInnerHTML={{ __html: headTitle }}\n                className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n              />\n              <div\n                dangerouslySetInnerHTML={{ __html: subtitle }}\n                className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n              />\n            </div>\n\n            <Buttons\n              buttonConfig={buttonsConfig}\n              classes={{\n                group: 'z-10'\n              }}\n            />\n          </div>\n\n          <div\n            className={cn(\n              'relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]',\n              classes?.imageContainer\n            )}\n          >\n            {/* @ts-expect-error fetchpriority */}\n            <img loading='eager' fetchpriority='high' src={images?.mobile} alt={images?.alt} className='h-full object-contain' />\n          </div>\n\n          <div\n            className={cn(\n              'relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]',\n              classes?.imageContainer\n            )}\n          >\n            {/* @ts-expect-error fetchpriority */}\n            <img loading='eager' fetchpriority='high' src={images?.desktop} alt={images?.alt} className='h-full object-contain' />\n          </div>\n        </div>\n\n        {advantages?.enabled && advantagesExist && (\n          <Advantages\n            classes={{\n              root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n            }}\n            {...advantages}\n          />\n        )}\n      </ResponsiveContainer>\n\n      {advantages?.enabled && advantagesExist && (\n        <Advantages\n          classes={{\n            root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n          }}\n          {...advantages}\n        />\n      )}\n    </section>\n  )\n}\n"],"names":["BannerWithSeparateImg","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","advantagesExist","_a","jsxs","widgetIds","cn","ResponsiveContainer","jsx","Buttons","Advantages"],"mappings":"2/HAMO,MAAMA,GAAwB,CAAC,CACpC,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,MAAMC,GAAkBJ,GAAA,YAAAA,EAAY,YAAWK,EAAAL,GAAA,YAAAA,EAAY,UAAZ,YAAAK,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAC,UAAA,CACC,GAAIC,EAAU,OACd,MAAO,CAAE,gBAAiBJ,GAAmB,SAAA,EAC7C,eAAcI,EAAU,OACxB,UAAWC,EAAG,GAAIP,GAAA,YAAAA,EAAS,IAAI,EAE/B,SAAA,CAAAK,EAACG,GAAoB,UAAWD,EAAG,6BAA8BP,GAAA,YAAAA,EAAS,SAAS,EACjF,SAAA,CAAAK,EAAC,OAAI,UAAWE,EAAG,yDAA0DP,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,6CACb,SAAA,CAAAA,EAAC,OAAI,UAAWE,EAAG,wCAAyCP,GAAA,YAAAA,EAAS,SAAS,EAC5E,SAAA,CAAAS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWW,EAAG,mEAAoEP,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWU,EAAG,sCAAuCP,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAS,EAACC,EAAA,CACC,aAAcZ,EACd,QAAS,CACP,MAAO,MAAA,CACT,CAAA,CACF,EACF,EAEAW,EAAC,MAAA,CACC,UAAWF,EACT,4FACAP,GAAA,YAAAA,EAAS,cAAA,EAIX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKR,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,EAGrHQ,EAAC,MAAA,CACC,UAAWF,EACT,2FACAP,GAAA,YAAAA,EAAS,cAAA,EAIX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKR,GAAA,YAAAA,EAAQ,QAAS,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,CACtH,EACF,GAECF,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,EAEJ,GAECA,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,CAAA,CAAA,CAIR"}
+{"version":3,"file":"BannerWithSeparateImg.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerWithSeparateImg.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\nimport { Advantages, Buttons } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerWithSeparateImg = ({\n  headTitle,\n  subtitle,\n  buttonsConfig,\n  advantages,\n  classes,\n  images,\n  backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n  const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n  return (\n    <section\n      id={widgetIds.banner}\n      style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n      data-test-id={widgetIds.banner}\n      className={cn('', classes?.root)}\n    >\n      <ResponsiveContainer className={cn('relative desktop:h-[456px]', classes?.container)}>\n        <div className={cn('flex flex-col desktop:flex-row desktop:justify-between', classes?.wrapper)}>\n          <div className='flex flex-col desktop:gap-10 desktop:pt-20'>\n            <div className={cn('flex flex-col gap-4 pt-6 desktop:pt-0', classes?.textBlock)}>\n              <div\n                dangerouslySetInnerHTML={{ __html: headTitle }}\n                className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n              />\n              <div\n                dangerouslySetInnerHTML={{ __html: subtitle }}\n                className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n              />\n            </div>\n\n            <Buttons\n              buttonConfig={buttonsConfig}\n              classes={{\n                group: 'z-10'\n              }}\n            />\n          </div>\n\n          <div\n            className={cn(\n              'relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]',\n              classes?.imageContainer\n            )}\n          >\n            {/* @ts-expect-error fetchpriority */}\n            <img loading='eager' fetchpriority='high' src={images?.mobile} alt={images?.alt} className='h-full object-contain' />\n          </div>\n\n          <div\n            className={cn(\n              'relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]',\n              classes?.imageContainer\n            )}\n          >\n            {/* @ts-expect-error fetchpriority */}\n            <img loading='eager' fetchpriority='high' src={images?.desktop} alt={images?.alt} className='h-full object-contain' />\n          </div>\n        </div>\n\n        {advantages?.enabled && advantagesExist && (\n          <Advantages\n            classes={{\n              root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n            }}\n            {...advantages}\n          />\n        )}\n      </ResponsiveContainer>\n\n      {advantages?.enabled && advantagesExist && (\n        <Advantages\n          classes={{\n            root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n          }}\n          {...advantages}\n        />\n      )}\n    </section>\n  )\n}\n"],"names":["BannerWithSeparateImg","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","advantagesExist","jsxs","widgetIds","cn","ResponsiveContainer","jsx","Buttons","Advantages"],"mappings":"6VAMO,MAAMA,EAAwB,CAAC,CACpC,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,CACxC,MAAMC,EAAkBJ,GAAY,SAAWA,GAAY,SAAS,MAAM,OAAS,EAEnF,OACEK,EAAC,UAAA,CACC,GAAIC,EAAU,OACd,MAAO,CAAE,gBAAiBH,GAAmB,SAAA,EAC7C,eAAcG,EAAU,OACxB,UAAWC,EAAG,GAAIN,GAAS,IAAI,EAE/B,SAAA,CAAAI,EAACG,GAAoB,UAAWD,EAAG,6BAA8BN,GAAS,SAAS,EACjF,SAAA,CAAAI,EAAC,OAAI,UAAWE,EAAG,yDAA0DN,GAAS,OAAO,EAC3F,SAAA,CAAAI,EAAC,MAAA,CAAI,UAAU,6CACb,SAAA,CAAAA,EAAC,OAAI,UAAWE,EAAG,wCAAyCN,GAAS,SAAS,EAC5E,SAAA,CAAAQ,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWU,EAAG,mEAAoEN,GAAS,KAAK,CAAA,CAAA,EAElGQ,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQX,CAAA,EACnC,UAAWS,EAAG,sCAAuCN,GAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAQ,EAACC,EAAA,CACC,aAAcX,EACd,QAAS,CACP,MAAO,MAAA,CACT,CAAA,CACF,EACF,EAEAU,EAAC,MAAA,CACC,UAAWF,EACT,4FACAN,GAAS,cAAA,EAIX,SAAAQ,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKP,GAAQ,OAAQ,IAAKA,GAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,EAGrHO,EAAC,MAAA,CACC,UAAWF,EACT,2FACAN,GAAS,cAAA,EAIX,SAAAQ,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKP,GAAQ,QAAS,IAAKA,GAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,CACtH,EACF,EAECF,GAAY,SAAWI,GACtBK,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGX,CAAA,CAAA,CACN,EAEJ,EAECA,GAAY,SAAWI,GACtBK,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGX,CAAA,CAAA,CACN,CAAA,CAAA,CAIR"}

package/dist/lib/widgets/banner/ui/banners/ui/Advantages.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as a}from"react/jsx-runtime";import{cn as r}from"../../../../../shared/utils/cn.js";import"uuid";import"react";import"../../../../../shared/ui/button/Button.js";import"../../../../../shared/ui/button/model/helpers.js";import"../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../shared/ui/loader/model/helpers.js";import"../../../../../shared/ui/calendar/Calendar.js";import"../../../../../shared/ui/calendar/model/utils.js";import"../../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import{Heading as f}from"../../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../shared/ui/customLink/model/helpers.js";import"../../../../../shared/ui/slot/Slot.js";import"../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const ft=({details:e,classes:t})=>{const{variant:i,items:p}=e??{};return o("div",{className:r("flex items-center justify-center pb-8",t==null?void 0:t.root),children:o("div",{id:"advantages",className:r("z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",{"desktop:max-w-[860px]":i==="threeCards"},{"desktop:max-w-[1140px]":i==="fourCards"},t==null?void 0:t.advantagesContainer),children:p==null?void 0:p.map(({title:m,description:d})=>a("div",{className:r('after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',t==null?void 0:t.item),children:[o(f,{as:"h4",className:r("text-color-dark",t==null?void 0:t.title),children:m}),o("p",{className:r("desk-body-regular-l text-color-secondary",t==null?void 0:t.description),children:d})]},m))})})};export{ft as Advantages};
+import{jsx as a,jsxs as l}from"react/jsx-runtime";import{cn as e}from"../../../../../shared/utils/cn.js";import{Heading as f}from"../../../../../shared/ui/heading/Heading.js";const x=({details:d,classes:t})=>{const{variant:r,items:s}=d??{};return a("div",{className:e("flex items-center justify-center pb-8",t?.root),children:a("div",{id:"advantages",className:e("z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",{"desktop:max-w-[860px]":r==="threeCards"},{"desktop:max-w-[1140px]":r==="fourCards"},t?.advantagesContainer),children:s?.map(({title:o,description:p})=>l("div",{className:e('after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',t?.item),children:[a(f,{as:"h4",className:e("text-color-dark",t?.title),children:o}),a("p",{className:e("desk-body-regular-l text-color-secondary",t?.description),children:p})]},o))})})};export{x as Advantages};
 //# sourceMappingURL=Advantages.js.map

package/dist/lib/widgets/banner/ui/banners/ui/Advantages.js.map

@@ -1 +1 @@
-{"version":3,"file":"Advantages.js","sources":["../../../../../../../lib/widgets/banner/ui/banners/ui/Advantages.tsx"],"sourcesContent":["import { Heading } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface AdvantageClasses {\n  root?: string\n  advantagesContainer?: string\n  item?: string\n  title?: string\n  description?: string\n}\n\nexport interface AdvantageItem {\n  title: string\n  description: string | React.ReactElement\n}\n\nexport interface AdvantagesProps {\n  details: {\n    variant: 'threeCards' | 'fourCards'\n    items: AdvantageItem[]\n  }\n  enabled?: boolean\n  classes?: AdvantageClasses\n}\n\nexport const Advantages = ({ details, classes }: AdvantagesProps) => {\n  const { variant, items } = details ?? {}\n\n  return (\n    <div className={cn('flex items-center justify-center pb-8', classes?.root)}>\n      <div\n        id='advantages'\n        className={cn(\n          'z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6',\n          { 'desktop:max-w-[860px]': variant === 'threeCards' },\n          { 'desktop:max-w-[1140px]': variant === 'fourCards' },\n          classes?.advantagesContainer\n        )}\n      >\n        {items?.map(({ title, description }) => (\n          <div\n            key={title}\n            className={cn(\n              'after:content-[\" \"] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',\n              classes?.item\n            )}\n          >\n            <Heading as='h4' className={cn('text-color-dark', classes?.title)}>\n              {title}\n            </Heading>\n            <p className={cn('desk-body-regular-l text-color-secondary', classes?.description)}>{description}</p>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["Advantages","details","classes","variant","items","cn","jsx","title","description","jsxs","Heading"],"mappings":"6zFAyBO,MAAMA,GAAa,CAAC,CAAE,QAAAC,EAAS,QAAAC,KAA+B,CACnE,KAAM,CAAE,QAAAC,EAAS,MAAAC,CAAA,EAAUH,GAAW,CAAA,EAEtC,SACG,MAAA,CAAI,UAAWI,EAAG,wCAAyCH,GAAA,YAAAA,EAAS,IAAI,EACvE,SAAAI,EAAC,MAAA,CACC,GAAG,aACH,UAAWD,EACT,wMACA,CAAE,wBAAyBF,IAAY,YAAA,EACvC,CAAE,yBAA0BA,IAAY,WAAA,EACxCD,GAAA,YAAAA,EAAS,mBAAA,EAGV,0BAAO,IAAI,CAAC,CAAE,MAAAK,EAAO,YAAAC,KACpBC,EAAC,MAAA,CAEC,UAAWJ,EACT,scACAH,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAA,CAAAI,EAACI,EAAA,CAAQ,GAAG,KAAK,UAAWL,EAAG,kBAAmBH,GAAA,YAAAA,EAAS,KAAK,EAC7D,SAAAK,CAAA,CACH,EACAD,EAAC,KAAE,UAAWD,EAAG,2CAA4CH,GAAA,YAAAA,EAAS,WAAW,EAAI,SAAAM,CAAA,CAAY,CAAA,CAAA,EAT5FD,CAAA,EAWR,CAAA,EAEL,CAEJ"}
+{"version":3,"file":"Advantages.js","sources":["../../../../../../../lib/widgets/banner/ui/banners/ui/Advantages.tsx"],"sourcesContent":["import { Heading } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface AdvantageClasses {\n  root?: string\n  advantagesContainer?: string\n  item?: string\n  title?: string\n  description?: string\n}\n\nexport interface AdvantageItem {\n  title: string\n  description: string | React.ReactElement\n}\n\nexport interface AdvantagesProps {\n  details: {\n    variant: 'threeCards' | 'fourCards'\n    items: AdvantageItem[]\n  }\n  enabled?: boolean\n  classes?: AdvantageClasses\n}\n\nexport const Advantages = ({ details, classes }: AdvantagesProps) => {\n  const { variant, items } = details ?? {}\n\n  return (\n    <div className={cn('flex items-center justify-center pb-8', classes?.root)}>\n      <div\n        id='advantages'\n        className={cn(\n          'z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6',\n          { 'desktop:max-w-[860px]': variant === 'threeCards' },\n          { 'desktop:max-w-[1140px]': variant === 'fourCards' },\n          classes?.advantagesContainer\n        )}\n      >\n        {items?.map(({ title, description }) => (\n          <div\n            key={title}\n            className={cn(\n              'after:content-[\" \"] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',\n              classes?.item\n            )}\n          >\n            <Heading as='h4' className={cn('text-color-dark', classes?.title)}>\n              {title}\n            </Heading>\n            <p className={cn('desk-body-regular-l text-color-secondary', classes?.description)}>{description}</p>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["Advantages","details","classes","variant","items","cn","jsx","title","description","jsxs","Heading"],"mappings":"+KAyBO,MAAMA,EAAa,CAAC,CAAE,QAAAC,EAAS,QAAAC,KAA+B,CACnE,KAAM,CAAE,QAAAC,EAAS,MAAAC,CAAA,EAAUH,GAAW,CAAA,EAEtC,SACG,MAAA,CAAI,UAAWI,EAAG,wCAAyCH,GAAS,IAAI,EACvE,SAAAI,EAAC,MAAA,CACC,GAAG,aACH,UAAWD,EACT,wMACA,CAAE,wBAAyBF,IAAY,YAAA,EACvC,CAAE,yBAA0BA,IAAY,WAAA,EACxCD,GAAS,mBAAA,EAGV,YAAO,IAAI,CAAC,CAAE,MAAAK,EAAO,YAAAC,KACpBC,EAAC,MAAA,CAEC,UAAWJ,EACT,scACAH,GAAS,IAAA,EAGX,SAAA,CAAAI,EAACI,EAAA,CAAQ,GAAG,KAAK,UAAWL,EAAG,kBAAmBH,GAAS,KAAK,EAC7D,SAAAK,CAAA,CACH,EACAD,EAAC,KAAE,UAAWD,EAAG,2CAA4CH,GAAS,WAAW,EAAI,SAAAM,CAAA,CAAY,CAAA,CAAA,EAT5FD,CAAA,CAWR,CAAA,CAAA,EAEL,CAEJ"}

package/dist/lib/widgets/banner/ui/banners/ui/Buttons.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as p}from"react/jsx-runtime";import{ButtonWithHandlers as r}from"../../../../buttonWithHandlers/ButtonWithHandlers.js";import{cn as e}from"../../../../../shared/utils/cn.js";import"uuid";import"react";const a=({buttonConfig:i,classes:t})=>{const{primary:n,secondary:o}=i||{};return m("div",{className:e("grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",{"flex items-center gap-4":o==null?void 0:o.enabled},t==null?void 0:t.group),children:[n.enabled&&p(r,{className:e("w-full desktop:max-w-[216px]",t==null?void 0:t.primary),size:"lg",intent:"primary",...n.buttonContent}),(o==null?void 0:o.enabled)&&p(r,{intent:"secondary",size:"lg",className:e("w-full desktop:max-w-[216px]",t==null?void 0:t.secondary),...o.buttonContent})]})};export{a as Buttons};
+import{jsxs as a,jsx as s}from"react/jsx-runtime";import{cn as o}from"../../../../../shared/utils/cn.js";import{ButtonWithHandlers as l}from"../../../../buttonWithHandlers/ButtonWithHandlers.js";const m=({buttonConfig:r,classes:t})=>{const{primary:n,secondary:e}=r||{};return a("div",{className:o("grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",{"flex items-center gap-4":e?.enabled},t?.group),children:[n.enabled&&s(l,{className:o("w-full desktop:max-w-[216px]",t?.primary),size:"lg",intent:"primary",...n.buttonContent}),e?.enabled&&s(l,{intent:"secondary",size:"lg",className:o("w-full desktop:max-w-[216px]",t?.secondary),...e.buttonContent})]})};export{m as Buttons};
 //# sourceMappingURL=Buttons.js.map

package/dist/lib/widgets/banner/ui/banners/ui/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.js","sources":["../../../../../../../lib/widgets/banner/ui/banners/ui/Buttons.tsx"],"sourcesContent":["import { ButtonWithHandlers } from '../../../../buttonWithHandlers'\nimport type { ButtonsConfig } from '../../../model'\nimport { cn } from '$/shared/utils'\n\nexport type ButtonsClasses = {\n  group?: string\n  primary?: string\n  secondary?: string\n}\n\ninterface ButtonsProps {\n  classes?: ButtonsClasses\n  buttonConfig: ButtonsConfig\n}\n\nexport const Buttons = ({ buttonConfig, classes }: ButtonsProps) => {\n  const { primary, secondary } = buttonConfig || {}\n\n  return (\n    <div\n      className={cn(\n        'grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0',\n        { 'flex items-center gap-4': secondary?.enabled },\n        classes?.group\n      )}\n    >\n      {primary.enabled && (\n        <ButtonWithHandlers\n          className={cn('w-full desktop:max-w-[216px]', classes?.primary)}\n          size='lg'\n          intent='primary'\n          {...primary.buttonContent}\n        />\n      )}\n      {secondary?.enabled && (\n        <ButtonWithHandlers\n          intent='secondary'\n          size='lg'\n          className={cn('w-full desktop:max-w-[216px]', classes?.secondary)}\n          {...secondary.buttonContent}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Buttons","buttonConfig","classes","primary","secondary","jsxs","cn","jsx","ButtonWithHandlers"],"mappings":"8NAeO,MAAMA,EAAU,CAAC,CAAE,aAAAC,EAAc,QAAAC,KAA4B,CAClE,KAAM,CAAE,QAAAC,EAAS,UAAAC,CAAA,EAAcH,GAAgB,CAAA,EAE/C,OACEI,EAAC,MAAA,CACC,UAAWC,EACT,8OACA,CAAE,0BAA2BF,GAAA,YAAAA,EAAW,OAAA,EACxCF,GAAA,YAAAA,EAAS,KAAA,EAGV,SAAA,CAAAC,EAAQ,SACPI,EAACC,EAAA,CACC,UAAWF,EAAG,+BAAgCJ,GAAA,YAAAA,EAAS,OAAO,EAC9D,KAAK,KACL,OAAO,UACN,GAAGC,EAAQ,aAAA,CAAA,GAGfC,GAAA,YAAAA,EAAW,UACVG,EAACC,EAAA,CACC,OAAO,YACP,KAAK,KACL,UAAWF,EAAG,+BAAgCJ,GAAA,YAAAA,EAAS,SAAS,EAC/D,GAAGE,EAAU,aAAA,CAAA,CAChB,CAAA,CAAA,CAIR"}
+{"version":3,"file":"Buttons.js","sources":["../../../../../../../lib/widgets/banner/ui/banners/ui/Buttons.tsx"],"sourcesContent":["import { ButtonWithHandlers } from '../../../../buttonWithHandlers'\nimport type { ButtonsConfig } from '../../../model'\nimport { cn } from '$/shared/utils'\n\nexport type ButtonsClasses = {\n  group?: string\n  primary?: string\n  secondary?: string\n}\n\ninterface ButtonsProps {\n  classes?: ButtonsClasses\n  buttonConfig: ButtonsConfig\n}\n\nexport const Buttons = ({ buttonConfig, classes }: ButtonsProps) => {\n  const { primary, secondary } = buttonConfig || {}\n\n  return (\n    <div\n      className={cn(\n        'grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0',\n        { 'flex items-center gap-4': secondary?.enabled },\n        classes?.group\n      )}\n    >\n      {primary.enabled && (\n        <ButtonWithHandlers\n          className={cn('w-full desktop:max-w-[216px]', classes?.primary)}\n          size='lg'\n          intent='primary'\n          {...primary.buttonContent}\n        />\n      )}\n      {secondary?.enabled && (\n        <ButtonWithHandlers\n          intent='secondary'\n          size='lg'\n          className={cn('w-full desktop:max-w-[216px]', classes?.secondary)}\n          {...secondary.buttonContent}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":["Buttons","buttonConfig","classes","primary","secondary","jsxs","cn","jsx","ButtonWithHandlers"],"mappings":"mMAeO,MAAMA,EAAU,CAAC,CAAE,aAAAC,EAAc,QAAAC,KAA4B,CAClE,KAAM,CAAE,QAAAC,EAAS,UAAAC,CAAA,EAAcH,GAAgB,CAAA,EAE/C,OACEI,EAAC,MAAA,CACC,UAAWC,EACT,8OACA,CAAE,0BAA2BF,GAAW,OAAA,EACxCF,GAAS,KAAA,EAGV,SAAA,CAAAC,EAAQ,SACPI,EAACC,EAAA,CACC,UAAWF,EAAG,+BAAgCJ,GAAS,OAAO,EAC9D,KAAK,KACL,OAAO,UACN,GAAGC,EAAQ,aAAA,CAAA,EAGfC,GAAW,SACVG,EAACC,EAAA,CACC,OAAO,YACP,KAAK,KACL,UAAWF,EAAG,+BAAgCJ,GAAS,SAAS,EAC/D,GAAGE,EAAU,aAAA,CAAA,CAChB,CAAA,CAAA,CAIR"}

package/dist/lib/widgets/banner/ui/index.js

@@ -1,2 +1,2 @@
-import{BannerImageFull as a}from"./banners/BannerImageFull.js";import{BannerWithSeparateImg as n}from"./banners/BannerWithSeparateImg.js";export{a as BannerImageFull,n as BannerWithSeparateImg};
+import{BannerWithSeparateImg as a}from"./banners/BannerWithSeparateImg.js";import{BannerImageFull as n}from"./banners/BannerImageFull.js";export{n as BannerImageFull,a as BannerWithSeparateImg};
 //# sourceMappingURL=index.js.map

package/dist/lib/widgets/benefit/Benefit.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import{cva as g}from"class-variance-authority";import{widgetIds as d}from"../model/helpers.js";import{BenefitItem as f}from"./ui/BenefitItem.js";import{ResponsiveContainer as b}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as t}from"../../shared/utils/cn.js";import"uuid";import"react";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const h=g("grid gap-4",{variants:{variant:{twoCards:"grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",threeCards:"grid-cols-1 desktop:grid-cols-2",fourCards:"grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"}}}),Cr=({headline:n,details:i,variant:m,classes:r})=>o("section",{id:d.benefit,"data-test-id":d.benefit,className:t(r==null?void 0:r.root),children:e(b,{className:r==null?void 0:r.container,children:[o("div",{dangerouslySetInnerHTML:{__html:n},className:t("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m",r==null?void 0:r.heading)}),o("ul",{className:t(h({variant:m}),r==null?void 0:r.grid),children:i==null?void 0:i.map(p=>o(f,{variant:m,classes:r==null?void 0:r.item,...p},p.title))})]})});export{Cr as Benefit,Cr as default};
+import{jsx as r,jsxs as n}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";import{BenefitItem as l}from"./ui/BenefitItem.js";import{cn as o}from"../../shared/utils/cn.js";import{widgetIds as d}from"../model/helpers.js";import{ResponsiveContainer as p}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";const g=a("grid gap-4",{variants:{variant:{twoCards:"grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",threeCards:"grid-cols-1 desktop:grid-cols-2",fourCards:"grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"}}}),u=({headline:s,details:m,variant:i,classes:e})=>r("section",{id:d.benefit,"data-test-id":d.benefit,className:o(e?.root),children:n(p,{className:e?.container,children:[r("div",{dangerouslySetInnerHTML:{__html:s},className:o("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m",e?.heading)}),r("ul",{className:o(g({variant:i}),e?.grid),children:m?.map(t=>r(l,{variant:i,classes:e?.item,...t},t.title))})]})});export{u as Benefit,u as default};
 //# sourceMappingURL=Benefit.js.map

package/dist/lib/widgets/benefit/Benefit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Benefit.js","sources":["../../../../lib/widgets/benefit/Benefit.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { widgetIds } from '../model'\nimport { type Details } from './model/types'\nimport { BenefitItem, type BenefitItemClasses } from './ui/BenefitItem'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type BenefitClasses = {\n  root?: string\n  container?: string\n  item?: BenefitItemClasses\n  heading?: string\n  grid?: string\n}\n\nconst gridConfig = cva('grid gap-4', {\n  variants: {\n    variant: {\n      twoCards: 'grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2',\n      threeCards: 'grid-cols-1 desktop:grid-cols-2',\n      fourCards: 'grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3'\n    }\n  }\n})\n\nexport interface BenefitProps {\n  headline: string\n  classes?: BenefitClasses\n  variant: 'twoCards' | 'threeCards' | 'fourCards'\n  details: Details[]\n}\n\nexport const Benefit = ({ headline, details, variant, classes }: BenefitProps) => {\n  return (\n    <section id={widgetIds.benefit} data-test-id={widgetIds.benefit} className={cn(classes?.root)}>\n      <ResponsiveContainer className={classes?.container}>\n        <div\n          dangerouslySetInnerHTML={{ __html: headline }}\n          className={cn('mob-headline-bold-s mb-8 desktop:desk-headline-bold-m', classes?.heading)}\n        />\n        <ul className={cn(gridConfig({ variant }), classes?.grid)}>\n          {details?.map((card) => (\n            <BenefitItem variant={variant} key={card.title} classes={classes?.item} {...card} />\n          ))}\n        </ul>\n      </ResponsiveContainer>\n    </section>\n  )\n}\n\nexport default Benefit\n"],"names":["gridConfig","cva","Benefit","headline","details","variant","classes","widgetIds","cn","ResponsiveContainer","jsx","card","BenefitItem"],"mappings":"2uFAiBA,MAAMA,EAAaC,EAAI,aAAc,CACnC,SAAU,CACR,QAAS,CACP,SAAU,qEACV,WAAY,kCACZ,UAAW,wEAAA,CACb,CAEJ,CAAC,EASYC,GAAU,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,QAAAC,EAAS,QAAAC,OAEjD,UAAA,CAAQ,GAAIC,EAAU,QAAS,eAAcA,EAAU,QAAS,UAAWC,EAAGF,GAAA,YAAAA,EAAS,IAAI,EAC1F,WAACG,EAAA,CAAoB,UAAWH,GAAA,YAAAA,EAAS,UACvC,SAAA,CAAAI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQP,CAAA,EACnC,UAAWK,EAAG,wDAAyDF,GAAA,YAAAA,EAAS,OAAO,CAAA,CAAA,EAEzFI,EAAC,KAAA,CAAG,UAAWF,EAAGR,EAAW,CAAE,QAAAK,CAAA,CAAS,EAAGC,GAAA,YAAAA,EAAS,IAAI,EACrD,SAAAF,GAAA,YAAAA,EAAS,IAAKO,GACbD,EAACE,EAAA,CAAY,QAAAP,EAAmC,QAASC,GAAA,YAAAA,EAAS,KAAO,GAAGK,CAAA,EAAxCA,EAAK,KAAyC,EACnF,CACH,CAAA,CAAA,CACF,CAAA,CACF"}
+{"version":3,"file":"Benefit.js","sources":["../../../../lib/widgets/benefit/Benefit.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { widgetIds } from '../model'\nimport { type Details } from './model/types'\nimport { BenefitItem, type BenefitItemClasses } from './ui/BenefitItem'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type BenefitClasses = {\n  root?: string\n  container?: string\n  item?: BenefitItemClasses\n  heading?: string\n  grid?: string\n}\n\nconst gridConfig = cva('grid gap-4', {\n  variants: {\n    variant: {\n      twoCards: 'grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2',\n      threeCards: 'grid-cols-1 desktop:grid-cols-2',\n      fourCards: 'grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3'\n    }\n  }\n})\n\nexport interface BenefitProps {\n  headline: string\n  classes?: BenefitClasses\n  variant: 'twoCards' | 'threeCards' | 'fourCards'\n  details: Details[]\n}\n\nexport const Benefit = ({ headline, details, variant, classes }: BenefitProps) => {\n  return (\n    <section id={widgetIds.benefit} data-test-id={widgetIds.benefit} className={cn(classes?.root)}>\n      <ResponsiveContainer className={classes?.container}>\n        <div\n          dangerouslySetInnerHTML={{ __html: headline }}\n          className={cn('mob-headline-bold-s mb-8 desktop:desk-headline-bold-m', classes?.heading)}\n        />\n        <ul className={cn(gridConfig({ variant }), classes?.grid)}>\n          {details?.map((card) => (\n            <BenefitItem variant={variant} key={card.title} classes={classes?.item} {...card} />\n          ))}\n        </ul>\n      </ResponsiveContainer>\n    </section>\n  )\n}\n\nexport default Benefit\n"],"names":["gridConfig","cva","Benefit","headline","details","variant","classes","widgetIds","cn","ResponsiveContainer","jsx","card","BenefitItem"],"mappings":"kVAiBA,MAAMA,EAAaC,EAAI,aAAc,CACnC,SAAU,CACR,QAAS,CACP,SAAU,qEACV,WAAY,kCACZ,UAAW,wEAAA,CACb,CAEJ,CAAC,EASYC,EAAU,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,QAAAC,EAAS,QAAAC,OAEjD,UAAA,CAAQ,GAAIC,EAAU,QAAS,eAAcA,EAAU,QAAS,UAAWC,EAAGF,GAAS,IAAI,EAC1F,WAACG,EAAA,CAAoB,UAAWH,GAAS,UACvC,SAAA,CAAAI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQP,CAAA,EACnC,UAAWK,EAAG,wDAAyDF,GAAS,OAAO,CAAA,CAAA,EAEzFI,EAAC,KAAA,CAAG,UAAWF,EAAGR,EAAW,CAAE,QAAAK,CAAA,CAAS,EAAGC,GAAS,IAAI,EACrD,SAAAF,GAAS,IAAKO,GACbD,EAACE,EAAA,CAAY,QAAAP,EAAmC,QAASC,GAAS,KAAO,GAAGK,CAAA,EAAxCA,EAAK,KAAyC,CACnF,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CACF"}

package/dist/lib/widgets/benefit/ui/BenefitItem.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as p}from"react/jsx-runtime";import{cva as k}from"class-variance-authority";import{useDevice as y}from"../../../shared/hooks/useDevice.js";import"react";import{cn as t}from"../../../shared/utils/cn.js";import{TypeGuards as l}from"../../../shared/utils/typeGuards.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import{ButtonWithHandlers as h}from"../../buttonWithHandlers/ButtonWithHandlers.js";const v=k("flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",{variants:{variant:{twoCards:"",threeCards:"desktop:first:col-span-full",fourCards:"desktop:first:col-span-2 desktop:last:col-span-2"}}}),B=({subtitle:f,title:n,img:o,classes:r,button:i,variant:x,color:u,enabledMobileImage:d})=>{const{isDesktop:m}=y();return e("li",{style:{backgroundColor:u??"#F3F4F7"},className:t(v({variant:x}),{"pb-0":d},{"pb-12":!d},r==null?void 0:r.root),children:[e("div",{className:t("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8",r==null?void 0:r.wrapper),children:[e("div",{className:t("flex flex-col gap-4",r==null?void 0:r.textContainer),children:[p("div",{dangerouslySetInnerHTML:{__html:n},className:t("desktop:desk-title-bold-s",r==null?void 0:r.title)}),p("div",{dangerouslySetInnerHTML:{__html:f},className:t("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l",r==null?void 0:r.subtitle)})]}),m&&(i==null?void 0:i.handlerOptions)&&p(h,{intent:"primary",className:t("desktop:w-[200px]",r==null?void 0:r.button),size:"lg",...i})]}),(d||m)&&o&&p("div",{className:t("flex w-full justify-end",r==null?void 0:r.imgContainer),children:o&&"url"in o&&l.isObject(o)?p("img",{className:t("h-[246px] object-cover",r==null?void 0:r.img),src:o.url,alt:o.alt}):o})]},n)};export{B as BenefitItem};
+import{jsxs as s,jsx as r}from"react/jsx-runtime";import{cva as c}from"class-variance-authority";import{cn as t}from"../../../shared/utils/cn.js";import{ButtonWithHandlers as m}from"../../buttonWithHandlers/ButtonWithHandlers.js";import{TypeGuards as u}from"../../../shared/utils/typeGuards.js";import{useDevice as x}from"../../../shared/hooks/useDevice.js";const k=c("flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",{variants:{variant:{twoCards:"",threeCards:"desktop:first:col-span-full",fourCards:"desktop:first:col-span-2 desktop:last:col-span-2"}}}),j=({subtitle:i,title:d,img:o,classes:e,button:n,variant:a,color:f,enabledMobileImage:l})=>{const{isDesktop:p}=x();return s("li",{style:{backgroundColor:f??"#F3F4F7"},className:t(k({variant:a}),{"pb-0":l},{"pb-12":!l},e?.root),children:[s("div",{className:t("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8",e?.wrapper),children:[s("div",{className:t("flex flex-col gap-4",e?.textContainer),children:[r("div",{dangerouslySetInnerHTML:{__html:d},className:t("desktop:desk-title-bold-s",e?.title)}),r("div",{dangerouslySetInnerHTML:{__html:i},className:t("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l",e?.subtitle)})]}),p&&n?.handlerOptions&&r(m,{intent:"primary",className:t("desktop:w-[200px]",e?.button),size:"lg",...n})]}),(l||p)&&o&&r("div",{className:t("flex w-full justify-end",e?.imgContainer),children:o&&"url"in o&&u.isObject(o)?r("img",{className:t("h-[246px] object-cover",e?.img),src:o.url,alt:o.alt}):o})]},d)};export{j as BenefitItem};
 //# sourceMappingURL=BenefitItem.js.map

package/dist/lib/widgets/benefit/ui/BenefitItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BenefitItem.js","sources":["../../../../../lib/widgets/benefit/ui/BenefitItem.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { type Details } from '../model/types'\nimport { useDevice } from '$/shared/hooks'\nimport { cn, TypeGuards } from '$/shared/utils'\nimport { ButtonWithHandlers } from '$/widgets/buttonWithHandlers'\n\nexport type BenefitItemClasses = {\n  root?: string\n  button?: string\n  wrapper?: string\n  textContainer?: string\n  subtitle?: string\n  img?: string\n  imgContainer?: string\n  title?: string\n}\n\nconst itemConfig = cva(\n  'flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0',\n  {\n    variants: {\n      variant: {\n        twoCards: '',\n        threeCards: 'desktop:first:col-span-full',\n        fourCards: 'desktop:first:col-span-2 desktop:last:col-span-2'\n      }\n    }\n  }\n)\n\nexport interface BenefitItemProps extends Details {\n  classes?: BenefitItemClasses\n  variant?: 'twoCards' | 'threeCards' | 'fourCards'\n}\n\nexport const BenefitItem = ({ subtitle, title, img, classes, button, variant, color, enabledMobileImage }: BenefitItemProps) => {\n  const { isDesktop } = useDevice()\n\n  return (\n    <li\n      key={title}\n      style={{ backgroundColor: color ?? '#F3F4F7' }}\n      className={cn(itemConfig({ variant }), { 'pb-0': enabledMobileImage }, { 'pb-12': !enabledMobileImage }, classes?.root)}\n    >\n      <div className={cn('flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8', classes?.wrapper)}>\n        <div className={cn('flex flex-col gap-4', classes?.textContainer)}>\n          <div dangerouslySetInnerHTML={{ __html: title }} className={cn('desktop:desk-title-bold-s', classes?.title)} />\n          <div\n            dangerouslySetInnerHTML={{ __html: subtitle }}\n            className={cn('mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l', classes?.subtitle)}\n          />\n        </div>\n\n        {isDesktop && button?.handlerOptions && (\n          <ButtonWithHandlers intent='primary' className={cn('desktop:w-[200px]', classes?.button)} size='lg' {...button} />\n        )}\n      </div>\n\n      {(enabledMobileImage || isDesktop) && img && (\n        <div className={cn('flex w-full justify-end', classes?.imgContainer)}>\n          {img && 'url' in img && TypeGuards.isObject(img) ? (\n            <img className={cn('h-[246px] object-cover', classes?.img)} src={img.url} alt={img.alt} />\n          ) : (\n            img\n          )}\n        </div>\n      )}\n    </li>\n  )\n}\n"],"names":["itemConfig","cva","BenefitItem","subtitle","title","img","classes","button","variant","color","enabledMobileImage","isDesktop","useDevice","jsxs","cn","jsx","ButtonWithHandlers","TypeGuards"],"mappings":"ybAiBA,MAAMA,EAAaC,EACjB,kIACA,CACE,SAAU,CACR,QAAS,CACP,SAAU,GACV,WAAY,8BACZ,UAAW,kDAAA,CACb,CACF,CAEJ,EAOaC,EAAc,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,IAAAC,EAAK,QAAAC,EAAS,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,EAAO,mBAAAC,KAA2C,CAC9H,KAAM,CAAE,UAAAC,CAAA,EAAcC,EAAA,EAEtB,OACEC,EAAC,KAAA,CAEC,MAAO,CAAE,gBAAiBJ,GAAS,SAAA,EACnC,UAAWK,EAAGd,EAAW,CAAE,QAAAQ,CAAA,CAAS,EAAG,CAAE,OAAQE,CAAA,EAAsB,CAAE,QAAS,CAACA,CAAA,EAAsBJ,GAAA,YAAAA,EAAS,IAAI,EAEtH,SAAA,CAAAO,EAAC,OAAI,UAAWC,EAAG,2EAA4ER,GAAA,YAAAA,EAAS,OAAO,EAC7G,SAAA,CAAAO,EAAC,OAAI,UAAWC,EAAG,sBAAuBR,GAAA,YAAAA,EAAS,aAAa,EAC9D,SAAA,CAAAS,EAAC,MAAA,CAAI,wBAAyB,CAAE,OAAQX,CAAA,EAAS,UAAWU,EAAG,4BAA6BR,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAG,EAC7GS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWW,EAAG,yEAA0ER,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CAC3G,EACF,EAECK,IAAaJ,GAAA,YAAAA,EAAQ,iBACpBQ,EAACC,EAAA,CAAmB,OAAO,UAAU,UAAWF,EAAG,oBAAqBR,GAAA,YAAAA,EAAS,MAAM,EAAG,KAAK,KAAM,GAAGC,CAAA,CAAQ,CAAA,EAEpH,GAEEG,GAAsBC,IAAcN,GACpCU,EAAC,OAAI,UAAWD,EAAG,0BAA2BR,GAAA,YAAAA,EAAS,YAAY,EAChE,SAAAD,GAAO,QAASA,GAAOY,EAAW,SAASZ,CAAG,EAC7CU,EAAC,MAAA,CAAI,UAAWD,EAAG,yBAA0BR,GAAA,YAAAA,EAAS,GAAG,EAAG,IAAKD,EAAI,IAAK,IAAKA,EAAI,GAAA,CAAK,EAExFA,CAAA,CAEJ,CAAA,CAAA,EAzBGD,CAAA,CA6BX"}
+{"version":3,"file":"BenefitItem.js","sources":["../../../../../lib/widgets/benefit/ui/BenefitItem.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { type Details } from '../model/types'\nimport { useDevice } from '$/shared/hooks'\nimport { cn, TypeGuards } from '$/shared/utils'\nimport { ButtonWithHandlers } from '$/widgets/buttonWithHandlers'\n\nexport type BenefitItemClasses = {\n  root?: string\n  button?: string\n  wrapper?: string\n  textContainer?: string\n  subtitle?: string\n  img?: string\n  imgContainer?: string\n  title?: string\n}\n\nconst itemConfig = cva(\n  'flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0',\n  {\n    variants: {\n      variant: {\n        twoCards: '',\n        threeCards: 'desktop:first:col-span-full',\n        fourCards: 'desktop:first:col-span-2 desktop:last:col-span-2'\n      }\n    }\n  }\n)\n\nexport interface BenefitItemProps extends Details {\n  classes?: BenefitItemClasses\n  variant?: 'twoCards' | 'threeCards' | 'fourCards'\n}\n\nexport const BenefitItem = ({ subtitle, title, img, classes, button, variant, color, enabledMobileImage }: BenefitItemProps) => {\n  const { isDesktop } = useDevice()\n\n  return (\n    <li\n      key={title}\n      style={{ backgroundColor: color ?? '#F3F4F7' }}\n      className={cn(itemConfig({ variant }), { 'pb-0': enabledMobileImage }, { 'pb-12': !enabledMobileImage }, classes?.root)}\n    >\n      <div className={cn('flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8', classes?.wrapper)}>\n        <div className={cn('flex flex-col gap-4', classes?.textContainer)}>\n          <div dangerouslySetInnerHTML={{ __html: title }} className={cn('desktop:desk-title-bold-s', classes?.title)} />\n          <div\n            dangerouslySetInnerHTML={{ __html: subtitle }}\n            className={cn('mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l', classes?.subtitle)}\n          />\n        </div>\n\n        {isDesktop && button?.handlerOptions && (\n          <ButtonWithHandlers intent='primary' className={cn('desktop:w-[200px]', classes?.button)} size='lg' {...button} />\n        )}\n      </div>\n\n      {(enabledMobileImage || isDesktop) && img && (\n        <div className={cn('flex w-full justify-end', classes?.imgContainer)}>\n          {img && 'url' in img && TypeGuards.isObject(img) ? (\n            <img className={cn('h-[246px] object-cover', classes?.img)} src={img.url} alt={img.alt} />\n          ) : (\n            img\n          )}\n        </div>\n      )}\n    </li>\n  )\n}\n"],"names":["itemConfig","cva","BenefitItem","subtitle","title","img","classes","button","variant","color","enabledMobileImage","isDesktop","useDevice","jsxs","cn","jsx","ButtonWithHandlers","TypeGuards"],"mappings":"sWAiBA,MAAMA,EAAaC,EACjB,kIACA,CACE,SAAU,CACR,QAAS,CACP,SAAU,GACV,WAAY,8BACZ,UAAW,kDAAA,CACb,CACF,CAEJ,EAOaC,EAAc,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,IAAAC,EAAK,QAAAC,EAAS,OAAAC,EAAQ,QAAAC,EAAS,MAAAC,EAAO,mBAAAC,KAA2C,CAC9H,KAAM,CAAE,UAAAC,CAAA,EAAcC,EAAA,EAEtB,OACEC,EAAC,KAAA,CAEC,MAAO,CAAE,gBAAiBJ,GAAS,SAAA,EACnC,UAAWK,EAAGd,EAAW,CAAE,QAAAQ,CAAA,CAAS,EAAG,CAAE,OAAQE,CAAA,EAAsB,CAAE,QAAS,CAACA,CAAA,EAAsBJ,GAAS,IAAI,EAEtH,SAAA,CAAAO,EAAC,OAAI,UAAWC,EAAG,2EAA4ER,GAAS,OAAO,EAC7G,SAAA,CAAAO,EAAC,OAAI,UAAWC,EAAG,sBAAuBR,GAAS,aAAa,EAC9D,SAAA,CAAAS,EAAC,MAAA,CAAI,wBAAyB,CAAE,OAAQX,CAAA,EAAS,UAAWU,EAAG,4BAA6BR,GAAS,KAAK,CAAA,CAAG,EAC7GS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWW,EAAG,yEAA0ER,GAAS,QAAQ,CAAA,CAAA,CAC3G,EACF,EAECK,GAAaJ,GAAQ,gBACpBQ,EAACC,EAAA,CAAmB,OAAO,UAAU,UAAWF,EAAG,oBAAqBR,GAAS,MAAM,EAAG,KAAK,KAAM,GAAGC,CAAA,CAAQ,CAAA,EAEpH,GAEEG,GAAsBC,IAAcN,GACpCU,EAAC,OAAI,UAAWD,EAAG,0BAA2BR,GAAS,YAAY,EAChE,SAAAD,GAAO,QAASA,GAAOY,EAAW,SAASZ,CAAG,EAC7CU,EAAC,MAAA,CAAI,UAAWD,EAAG,yBAA0BR,GAAS,GAAG,EAAG,IAAKD,EAAI,IAAK,IAAKA,EAAI,GAAA,CAAK,EAExFA,CAAA,CAEJ,CAAA,CAAA,EAzBGD,CAAA,CA6BX"}

package/dist/lib/widgets/breadcrumbs/Breadcrumb.js

@@ -1,2 +1,2 @@
-import{jsx as r,Fragment as a}from"react/jsx-runtime";import{cn as l}from"../../shared/utils/cn.js";import"uuid";import"react";const p=({breadcrumb:e,className:t,isLast:n,...o})=>r(a,{children:n?r("p",{className:l("desk-body-regular-m pointer-events-none text-color-tetriary",t),...o,children:e.label}):r("a",{href:e.path,className:l("desk-body-regular-m",t),...o,children:e.label})});export{p as Breadcrumb};
+import{jsx as r,Fragment as a}from"react/jsx-runtime";import{cn as n}from"../../shared/utils/cn.js";const c=({breadcrumb:e,className:t,isLast:o,...l})=>r(a,{children:o?r("p",{className:n("desk-body-regular-m pointer-events-none text-color-tetriary",t),...l,children:e.label}):r("a",{href:e.path,className:n("desk-body-regular-m",t),...l,children:e.label})});export{c as Breadcrumb};
 //# sourceMappingURL=Breadcrumb.js.map

package/dist/lib/widgets/breadcrumbs/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../lib/widgets/breadcrumbs/Breadcrumb.tsx"],"sourcesContent":["import type { Breadcrumb as BreadcrumbType } from './hooks'\nimport { cn } from '$/shared/utils'\n\ntype BreadcrumbProps = React.AnchorHTMLAttributes<HTMLAnchorElement | HTMLDivElement> & {\n  breadcrumb: BreadcrumbType\n  isLast?: boolean\n}\n\nexport const Breadcrumb = ({ breadcrumb, className, isLast, ...props }: BreadcrumbProps) => {\n  return (\n    <>\n      {isLast ? (\n        <p className={cn('desk-body-regular-m pointer-events-none text-color-tetriary', className)} {...props}>\n          {breadcrumb.label}\n        </p>\n      ) : (\n        <a href={breadcrumb.path} className={cn('desk-body-regular-m', className)} {...props}>\n          {breadcrumb.label}\n        </a>\n      )}\n    </>\n  )\n}\n"],"names":["Breadcrumb","breadcrumb","className","isLast","props","jsx","Fragment","cn"],"mappings":"+HAQO,MAAMA,EAAa,CAAC,CAAE,WAAAC,EAAY,UAAAC,EAAW,OAAAC,EAAQ,GAAGC,KAE3DC,EAAAC,EAAA,CACG,SAAAH,EACCE,EAAC,IAAA,CAAE,UAAWE,EAAG,8DAA+DL,CAAS,EAAI,GAAGE,EAC7F,SAAAH,EAAW,KAAA,CACd,EAEAI,EAAC,IAAA,CAAE,KAAMJ,EAAW,KAAM,UAAWM,EAAG,sBAAuBL,CAAS,EAAI,GAAGE,EAC5E,SAAAH,EAAW,KAAA,CACd,EAEJ"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../lib/widgets/breadcrumbs/Breadcrumb.tsx"],"sourcesContent":["import type { Breadcrumb as BreadcrumbType } from './hooks'\nimport { cn } from '$/shared/utils'\n\ntype BreadcrumbProps = React.AnchorHTMLAttributes<HTMLAnchorElement | HTMLDivElement> & {\n  breadcrumb: BreadcrumbType\n  isLast?: boolean\n}\n\nexport const Breadcrumb = ({ breadcrumb, className, isLast, ...props }: BreadcrumbProps) => {\n  return (\n    <>\n      {isLast ? (\n        <p className={cn('desk-body-regular-m pointer-events-none text-color-tetriary', className)} {...props}>\n          {breadcrumb.label}\n        </p>\n      ) : (\n        <a href={breadcrumb.path} className={cn('desk-body-regular-m', className)} {...props}>\n          {breadcrumb.label}\n        </a>\n      )}\n    </>\n  )\n}\n"],"names":["Breadcrumb","breadcrumb","className","isLast","props","jsx","Fragment","cn"],"mappings":"oGAQO,MAAMA,EAAa,CAAC,CAAE,WAAAC,EAAY,UAAAC,EAAW,OAAAC,EAAQ,GAAGC,KAE3DC,EAAAC,EAAA,CACG,SAAAH,EACCE,EAAC,IAAA,CAAE,UAAWE,EAAG,8DAA+DL,CAAS,EAAI,GAAGE,EAC7F,SAAAH,EAAW,KAAA,CACd,EAEAI,EAAC,IAAA,CAAE,KAAMJ,EAAW,KAAM,UAAWM,EAAG,sBAAuBL,CAAS,EAAI,GAAGE,EAC5E,SAAAH,EAAW,KAAA,CACd,EAEJ"}

package/dist/lib/widgets/breadcrumbs/Breadcrumbs.js

@@ -1,2 +1,2 @@
-import{jsx as i,Fragment as g,jsxs as f}from"react/jsx-runtime";import{useState as k,useRef as C,useMemo as c}from"react";import{Breadcrumb as v}from"./Breadcrumb.js";import{defaultBreadcrumbs as B}from"./hooks/constants.js";import{useClickOutside as O}from"../../shared/hooks/useClickOutside.js";import"react-hook-form";import"@hookform/resolvers/zod";import{cn as d}from"../../shared/utils/cn.js";import"uuid";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Icon as R}from"../../shared/ui/icon/Icon.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const l=(h,o,t,r)=>h.map((p,e)=>f("div",{className:"flex items-center gap-x-1",children:[i(v,{isLast:e===r,breadcrumb:p,className:d(t,{"text-color-tetriary":p.disabled})}),e!==h.length-1&&o]},p.label)),St=({separator:h,ellipsis:o,classes:t,breadcrumbs:r=B})=>{const[p,e]=k(!1),u=C(null);O(u,()=>e(!1));const{first:N,middle:a,last:x}=c(()=>{let n=[],y=[],w=[];return o&&(n=r.slice(0,o),y=r.slice(o,r.length-o),w=r.slice(r.length-o)),{first:n,middle:y,last:w}},[r,o]),m=h??i(R,{name:"arrows/arrowRight",className:d("size-4",t==null?void 0:t.separator)});return i("div",{className:d("flex max-w-[840px] flex-wrap items-center","gap-x-2 gap-y-1 py-4 text-color-primary-default",t==null?void 0:t.root),children:o?i(g,{children:r.length>o*2+1?f(g,{children:[l(N,m,t==null?void 0:t.breadcrumb),m,a.length>0&&f(g,{children:[f("div",{className:"relative",children:[i("button",{onClick:()=>e(!0),children:"..."}),i("ul",{ref:u,className:d("invisible absolute max-h-[264px] overflow-y-auto","w-[280px] rounded-sm bg-color-white","customScrollbar-y p-1 opacity-0 shadow-sm",{"visible opacity-100":p}),children:a.map(n=>i("li",{children:i(v,{breadcrumb:n,className:d("desk-body-regular-l inline-block py-3","w-full rounded-sm bg-color-white px-2","text-color-dark hover:bg-color-primary-tr-hover",t==null?void 0:t.breadcrumb)})},n.label))})]}),m]}),l(x,m,t==null?void 0:t.breadcrumb,x.length-1)]}):l(r,m,t==null?void 0:t.breadcrumb,r.length-1)}):l(r,m,t==null?void 0:t.breadcrumb,r.length-1)})};export{St as Breadcrumbs};
+import{jsx as o,Fragment as f,jsxs as h}from"react/jsx-runtime";import{useState as v,useRef as N,useMemo as k}from"react";import{Breadcrumb as y}from"./Breadcrumb.js";import{defaultBreadcrumbs as C}from"./hooks/constants.js";import{cn as m}from"../../shared/utils/cn.js";import{useClickOutside as B}from"../../shared/hooks/useClickOutside.js";import{Icon as O}from"../../shared/ui/icon/Icon.js";const c=(d,t,r,e)=>d.map((n,a)=>h("div",{className:"flex items-center gap-x-1",children:[o(y,{isLast:a===e,breadcrumb:n,className:m(r,{"text-color-tetriary":n.disabled})}),a!==d.length-1&&t]},n.label)),F=({separator:d,ellipsis:t,classes:r,breadcrumbs:e=C})=>{const[n,a]=v(!1),s=N(null);B(s,()=>a(!1));const{first:w,middle:p,last:u}=k(()=>{let i=[],g=[],x=[];return t&&(i=e.slice(0,t),g=e.slice(t,e.length-t),x=e.slice(e.length-t)),{first:i,middle:g,last:x}},[e,t]),l=d??o(O,{name:"arrows/arrowRight",className:m("size-4",r?.separator)});return o("div",{className:m("flex max-w-[840px] flex-wrap items-center","gap-x-2 gap-y-1 py-4 text-color-primary-default",r?.root),children:t?o(f,{children:e.length>t*2+1?h(f,{children:[c(w,l,r?.breadcrumb),l,p.length>0&&h(f,{children:[h("div",{className:"relative",children:[o("button",{onClick:()=>a(!0),children:"..."}),o("ul",{ref:s,className:m("invisible absolute max-h-[264px] overflow-y-auto","w-[280px] rounded-sm bg-color-white","customScrollbar-y p-1 opacity-0 shadow-sm",{"visible opacity-100":n}),children:p.map(i=>o("li",{children:o(y,{breadcrumb:i,className:m("desk-body-regular-l inline-block py-3","w-full rounded-sm bg-color-white px-2","text-color-dark hover:bg-color-primary-tr-hover",r?.breadcrumb)})},i.label))})]}),l]}),c(u,l,r?.breadcrumb,u.length-1)]}):c(e,l,r?.breadcrumb,e.length-1)}):c(e,l,r?.breadcrumb,e.length-1)})};export{F as Breadcrumbs};
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/lib/widgets/breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../../lib/widgets/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react'\nimport { Breadcrumb } from './Breadcrumb'\nimport { type Breadcrumb as BreadcrumbType, defaultBreadcrumbs, type UseBreadcrumbsOptions } from './hooks'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype BreadcrumbsClasses = {\n  root?: string\n  separator?: string\n  breadcrumb?: string\n}\n\ntype BreadcrumbsProps = UseBreadcrumbsOptions & {\n  /**\n   * произвольный сепаратор, разделяющий элементы\n   */\n  separator?: React.ReactElement | string\n  /**\n   * указывает, сколько элементов отображать перед/после сужения\n   */\n  ellipsis?: number\n  /**\n   * дополнительные стили компонента\n   */\n  classes?: BreadcrumbsClasses\n  /**\n   * Массив хлебных крошек\n   */\n  breadcrumbs: BreadcrumbType[]\n}\n\nconst renderBreadcrumbs = (\n  breadcrumbs: BreadcrumbType[],\n  separator: BreadcrumbsProps['separator'],\n  classes?: BreadcrumbsClasses['breadcrumb'],\n  lastIndex?: number\n) => {\n  return breadcrumbs.map((breadcrumb, index) => {\n    const isLast = index === lastIndex\n\n    return (\n      <div key={breadcrumb.label} className='flex items-center gap-x-1'>\n        <Breadcrumb\n          isLast={isLast}\n          breadcrumb={breadcrumb}\n          className={cn(classes, {\n            'text-color-tetriary': breadcrumb.disabled\n          })}\n        />\n        {index !== breadcrumbs.length - 1 && separator}\n      </div>\n    )\n  })\n}\n\nexport const Breadcrumbs = ({ separator, ellipsis, classes, breadcrumbs = defaultBreadcrumbs }: BreadcrumbsProps) => {\n  const [hiddenCrumbsOpen, setHiddenCrumbsOpen] = useState<boolean>(false)\n\n  const hiddenCrumbsRef = useRef<HTMLUListElement>(null)\n\n  useClickOutside(hiddenCrumbsRef, () => setHiddenCrumbsOpen(false))\n\n  // separated crumbs while ellipsis provided\n  const { first, middle, last } = useMemo(() => {\n    let first: BreadcrumbType[] = []\n    let middle: BreadcrumbType[] = []\n    let last: BreadcrumbType[] = []\n\n    if (ellipsis) {\n      first = breadcrumbs.slice(0, ellipsis)\n      middle = breadcrumbs.slice(ellipsis, breadcrumbs.length - ellipsis)\n      last = breadcrumbs.slice(breadcrumbs.length - ellipsis)\n    }\n\n    return { first, middle, last }\n  }, [breadcrumbs, ellipsis])\n\n  const separatedElement = separator ?? <Icon name='arrows/arrowRight' className={cn('size-4', classes?.separator)} />\n\n  return (\n    <div\n      className={cn(\n        'flex max-w-[840px] flex-wrap items-center',\n        'gap-x-2 gap-y-1 py-4 text-color-primary-default',\n        classes?.root\n      )}\n    >\n      {ellipsis ? (\n        // if ellipsis provided, render hidden breadcrumbs\n        <>\n          {breadcrumbs.length > ellipsis * 2 + 1 ? (\n            // if we have more than ellipsis (visible crumbs) + available hidden crumbs\n            // render hidden breadcrumbs\n            <>\n              {renderBreadcrumbs(first, separatedElement, classes?.breadcrumb)}\n              {separatedElement}\n              {middle.length > 0 && (\n                <>\n                  <div className='relative'>\n                    <button onClick={() => setHiddenCrumbsOpen(true)}>...</button>\n                    <ul\n                      ref={hiddenCrumbsRef}\n                      className={cn(\n                        'invisible absolute max-h-[264px] overflow-y-auto',\n                        'w-[280px] rounded-sm bg-color-white',\n                        'customScrollbar-y p-1 opacity-0 shadow-sm',\n                        {\n                          'visible opacity-100': hiddenCrumbsOpen\n                        }\n                      )}\n                    >\n                      {middle.map((breadcrumb) => (\n                        <li key={breadcrumb.label}>\n                          <Breadcrumb\n                            breadcrumb={breadcrumb}\n                            className={cn(\n                              'desk-body-regular-l inline-block py-3',\n                              'w-full rounded-sm bg-color-white px-2',\n                              'text-color-dark hover:bg-color-primary-tr-hover',\n                              classes?.breadcrumb\n                            )}\n                          />\n                        </li>\n                      ))}\n                    </ul>\n                  </div>\n                  {separatedElement}\n                </>\n              )}\n              {renderBreadcrumbs(last, separatedElement, classes?.breadcrumb, last.length - 1)}\n            </>\n          ) : (\n            // otherwise render all breadcrumbs\n            renderBreadcrumbs(breadcrumbs, separatedElement, classes?.breadcrumb, breadcrumbs.length - 1)\n          )}\n        </>\n      ) : (\n        // if ellipsis doesn't provided render all breadcrumbs\n        renderBreadcrumbs(breadcrumbs, separatedElement, classes?.breadcrumb, breadcrumbs.length - 1)\n      )}\n    </div>\n  )\n}\n"],"names":["renderBreadcrumbs","breadcrumbs","separator","classes","lastIndex","breadcrumb","index","jsxs","jsx","Breadcrumb","cn","Breadcrumbs","ellipsis","defaultBreadcrumbs","hiddenCrumbsOpen","setHiddenCrumbsOpen","useState","hiddenCrumbsRef","useRef","useClickOutside","first","middle","last","useMemo","separatedElement","Icon","Fragment"],"mappings":"sxFAgCA,MAAMA,EAAoB,CACxBC,EACAC,EACAC,EACAC,IAEOH,EAAY,IAAI,CAACI,EAAYC,IAIhCC,EAAC,MAAA,CAA2B,UAAU,4BACpC,SAAA,CAAAC,EAACC,EAAA,CACC,OALSH,IAAUF,EAMnB,WAAAC,EACA,UAAWK,EAAGP,EAAS,CACrB,sBAAuBE,EAAW,QAAA,CACnC,CAAA,CAAA,EAEFC,IAAUL,EAAY,OAAS,GAAKC,CAAA,CAAA,EAR7BG,EAAW,KASrB,CAEH,EAGUM,GAAc,CAAC,CAAE,UAAAT,EAAW,SAAAU,EAAU,QAAAT,EAAS,YAAAF,EAAcY,KAA2C,CACnH,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAkB,EAAK,EAEjEC,EAAkBC,EAAyB,IAAI,EAErDC,EAAgBF,EAAiB,IAAMF,EAAoB,EAAK,CAAC,EAGjE,KAAM,CAAE,MAAAK,EAAO,OAAAC,EAAQ,KAAAC,CAAA,EAASC,EAAQ,IAAM,CAC5C,IAAIH,EAA0B,CAAA,EAC1BC,EAA2B,CAAA,EAC3BC,EAAyB,CAAA,EAE7B,OAAIV,IACFQ,EAAQnB,EAAY,MAAM,EAAGW,CAAQ,EACrCS,EAASpB,EAAY,MAAMW,EAAUX,EAAY,OAASW,CAAQ,EAClEU,EAAOrB,EAAY,MAAMA,EAAY,OAASW,CAAQ,GAGjD,CAAE,MAAAQ,EAAO,OAAAC,EAAQ,KAAAC,CAAAA,CAC1B,EAAG,CAACrB,EAAaW,CAAQ,CAAC,EAEpBY,EAAmBtB,GAAaM,EAACiB,EAAA,CAAK,KAAK,oBAAoB,UAAWf,EAAG,SAAUP,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,EAElH,OACEK,EAAC,MAAA,CACC,UAAWE,EACT,4CACA,kDACAP,GAAA,YAAAA,EAAS,IAAA,EAGV,SAAAS,EAECJ,EAAAkB,EAAA,CACG,SAAAzB,EAAY,OAASW,EAAW,EAAI,EAGnCL,EAAAmB,EAAA,CACG,SAAA,CAAA1B,EAAkBoB,EAAOI,EAAkBrB,GAAA,YAAAA,EAAS,UAAU,EAC9DqB,EACAH,EAAO,OAAS,GACfd,EAAAmB,EAAA,CACE,SAAA,CAAAnB,EAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAC,EAAC,UAAO,QAAS,IAAMO,EAAoB,EAAI,EAAG,SAAA,MAAG,EACrDP,EAAC,KAAA,CACC,IAAKS,EACL,UAAWP,EACT,mDACA,sCACA,4CACA,CACE,sBAAuBI,CAAA,CACzB,EAGD,SAAAO,EAAO,IAAKhB,KACV,KAAA,CACC,SAAAG,EAACC,EAAA,CACC,WAAAJ,EACA,UAAWK,EACT,wCACA,wCACA,kDACAP,GAAA,YAAAA,EAAS,UAAA,CACX,CAAA,CACF,EATOE,EAAW,KAUpB,CACD,CAAA,CAAA,CACH,EACF,EACCmB,CAAA,EACH,EAEDxB,EAAkBsB,EAAME,EAAkBrB,GAAA,YAAAA,EAAS,WAAYmB,EAAK,OAAS,CAAC,CAAA,CAAA,CACjF,EAGAtB,EAAkBC,EAAauB,EAAkBrB,GAAA,YAAAA,EAAS,WAAYF,EAAY,OAAS,CAAC,CAAA,CAEhG,EAGAD,EAAkBC,EAAauB,EAAkBrB,GAAA,YAAAA,EAAS,WAAYF,EAAY,OAAS,CAAC,CAAA,CAAA,CAIpG"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../lib/widgets/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react'\nimport { Breadcrumb } from './Breadcrumb'\nimport { type Breadcrumb as BreadcrumbType, defaultBreadcrumbs, type UseBreadcrumbsOptions } from './hooks'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype BreadcrumbsClasses = {\n  root?: string\n  separator?: string\n  breadcrumb?: string\n}\n\ntype BreadcrumbsProps = UseBreadcrumbsOptions & {\n  /**\n   * произвольный сепаратор, разделяющий элементы\n   */\n  separator?: React.ReactElement | string\n  /**\n   * указывает, сколько элементов отображать перед/после сужения\n   */\n  ellipsis?: number\n  /**\n   * дополнительные стили компонента\n   */\n  classes?: BreadcrumbsClasses\n  /**\n   * Массив хлебных крошек\n   */\n  breadcrumbs: BreadcrumbType[]\n}\n\nconst renderBreadcrumbs = (\n  breadcrumbs: BreadcrumbType[],\n  separator: BreadcrumbsProps['separator'],\n  classes?: BreadcrumbsClasses['breadcrumb'],\n  lastIndex?: number\n) => {\n  return breadcrumbs.map((breadcrumb, index) => {\n    const isLast = index === lastIndex\n\n    return (\n      <div key={breadcrumb.label} className='flex items-center gap-x-1'>\n        <Breadcrumb\n          isLast={isLast}\n          breadcrumb={breadcrumb}\n          className={cn(classes, {\n            'text-color-tetriary': breadcrumb.disabled\n          })}\n        />\n        {index !== breadcrumbs.length - 1 && separator}\n      </div>\n    )\n  })\n}\n\nexport const Breadcrumbs = ({ separator, ellipsis, classes, breadcrumbs = defaultBreadcrumbs }: BreadcrumbsProps) => {\n  const [hiddenCrumbsOpen, setHiddenCrumbsOpen] = useState<boolean>(false)\n\n  const hiddenCrumbsRef = useRef<HTMLUListElement>(null)\n\n  useClickOutside(hiddenCrumbsRef, () => setHiddenCrumbsOpen(false))\n\n  // separated crumbs while ellipsis provided\n  const { first, middle, last } = useMemo(() => {\n    let first: BreadcrumbType[] = []\n    let middle: BreadcrumbType[] = []\n    let last: BreadcrumbType[] = []\n\n    if (ellipsis) {\n      first = breadcrumbs.slice(0, ellipsis)\n      middle = breadcrumbs.slice(ellipsis, breadcrumbs.length - ellipsis)\n      last = breadcrumbs.slice(breadcrumbs.length - ellipsis)\n    }\n\n    return { first, middle, last }\n  }, [breadcrumbs, ellipsis])\n\n  const separatedElement = separator ?? <Icon name='arrows/arrowRight' className={cn('size-4', classes?.separator)} />\n\n  return (\n    <div\n      className={cn(\n        'flex max-w-[840px] flex-wrap items-center',\n        'gap-x-2 gap-y-1 py-4 text-color-primary-default',\n        classes?.root\n      )}\n    >\n      {ellipsis ? (\n        // if ellipsis provided, render hidden breadcrumbs\n        <>\n          {breadcrumbs.length > ellipsis * 2 + 1 ? (\n            // if we have more than ellipsis (visible crumbs) + available hidden crumbs\n            // render hidden breadcrumbs\n            <>\n              {renderBreadcrumbs(first, separatedElement, classes?.breadcrumb)}\n              {separatedElement}\n              {middle.length > 0 && (\n                <>\n                  <div className='relative'>\n                    <button onClick={() => setHiddenCrumbsOpen(true)}>...</button>\n                    <ul\n                      ref={hiddenCrumbsRef}\n                      className={cn(\n                        'invisible absolute max-h-[264px] overflow-y-auto',\n                        'w-[280px] rounded-sm bg-color-white',\n                        'customScrollbar-y p-1 opacity-0 shadow-sm',\n                        {\n                          'visible opacity-100': hiddenCrumbsOpen\n                        }\n                      )}\n                    >\n                      {middle.map((breadcrumb) => (\n                        <li key={breadcrumb.label}>\n                          <Breadcrumb\n                            breadcrumb={breadcrumb}\n                            className={cn(\n                              'desk-body-regular-l inline-block py-3',\n                              'w-full rounded-sm bg-color-white px-2',\n                              'text-color-dark hover:bg-color-primary-tr-hover',\n                              classes?.breadcrumb\n                            )}\n                          />\n                        </li>\n                      ))}\n                    </ul>\n                  </div>\n                  {separatedElement}\n                </>\n              )}\n              {renderBreadcrumbs(last, separatedElement, classes?.breadcrumb, last.length - 1)}\n            </>\n          ) : (\n            // otherwise render all breadcrumbs\n            renderBreadcrumbs(breadcrumbs, separatedElement, classes?.breadcrumb, breadcrumbs.length - 1)\n          )}\n        </>\n      ) : (\n        // if ellipsis doesn't provided render all breadcrumbs\n        renderBreadcrumbs(breadcrumbs, separatedElement, classes?.breadcrumb, breadcrumbs.length - 1)\n      )}\n    </div>\n  )\n}\n"],"names":["renderBreadcrumbs","breadcrumbs","separator","classes","lastIndex","breadcrumb","index","jsxs","jsx","Breadcrumb","cn","Breadcrumbs","ellipsis","defaultBreadcrumbs","hiddenCrumbsOpen","setHiddenCrumbsOpen","useState","hiddenCrumbsRef","useRef","useClickOutside","first","middle","last","useMemo","separatedElement","Icon","Fragment"],"mappings":"2YAgCA,MAAMA,EAAoB,CACxBC,EACAC,EACAC,EACAC,IAEOH,EAAY,IAAI,CAACI,EAAYC,IAIhCC,EAAC,MAAA,CAA2B,UAAU,4BACpC,SAAA,CAAAC,EAACC,EAAA,CACC,OALSH,IAAUF,EAMnB,WAAAC,EACA,UAAWK,EAAGP,EAAS,CACrB,sBAAuBE,EAAW,QAAA,CACnC,CAAA,CAAA,EAEFC,IAAUL,EAAY,OAAS,GAAKC,CAAA,CAAA,EAR7BG,EAAW,KASrB,CAEH,EAGUM,EAAc,CAAC,CAAE,UAAAT,EAAW,SAAAU,EAAU,QAAAT,EAAS,YAAAF,EAAcY,KAA2C,CACnH,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAkB,EAAK,EAEjEC,EAAkBC,EAAyB,IAAI,EAErDC,EAAgBF,EAAiB,IAAMF,EAAoB,EAAK,CAAC,EAGjE,KAAM,CAAE,MAAAK,EAAO,OAAAC,EAAQ,KAAAC,CAAA,EAASC,EAAQ,IAAM,CAC5C,IAAIH,EAA0B,CAAA,EAC1BC,EAA2B,CAAA,EAC3BC,EAAyB,CAAA,EAE7B,OAAIV,IACFQ,EAAQnB,EAAY,MAAM,EAAGW,CAAQ,EACrCS,EAASpB,EAAY,MAAMW,EAAUX,EAAY,OAASW,CAAQ,EAClEU,EAAOrB,EAAY,MAAMA,EAAY,OAASW,CAAQ,GAGjD,CAAE,MAAAQ,EAAO,OAAAC,EAAQ,KAAAC,CAAAA,CAC1B,EAAG,CAACrB,EAAaW,CAAQ,CAAC,EAEpBY,EAAmBtB,GAAaM,EAACiB,EAAA,CAAK,KAAK,oBAAoB,UAAWf,EAAG,SAAUP,GAAS,SAAS,CAAA,CAAG,EAElH,OACEK,EAAC,MAAA,CACC,UAAWE,EACT,4CACA,kDACAP,GAAS,IAAA,EAGV,SAAAS,EAECJ,EAAAkB,EAAA,CACG,SAAAzB,EAAY,OAASW,EAAW,EAAI,EAGnCL,EAAAmB,EAAA,CACG,SAAA,CAAA1B,EAAkBoB,EAAOI,EAAkBrB,GAAS,UAAU,EAC9DqB,EACAH,EAAO,OAAS,GACfd,EAAAmB,EAAA,CACE,SAAA,CAAAnB,EAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAC,EAAC,UAAO,QAAS,IAAMO,EAAoB,EAAI,EAAG,SAAA,MAAG,EACrDP,EAAC,KAAA,CACC,IAAKS,EACL,UAAWP,EACT,mDACA,sCACA,4CACA,CACE,sBAAuBI,CAAA,CACzB,EAGD,SAAAO,EAAO,IAAKhB,KACV,KAAA,CACC,SAAAG,EAACC,EAAA,CACC,WAAAJ,EACA,UAAWK,EACT,wCACA,wCACA,kDACAP,GAAS,UAAA,CACX,CAAA,CACF,EATOE,EAAW,KAUpB,CACD,CAAA,CAAA,CACH,EACF,EACCmB,CAAA,EACH,EAEDxB,EAAkBsB,EAAME,EAAkBrB,GAAS,WAAYmB,EAAK,OAAS,CAAC,CAAA,CAAA,CACjF,EAGAtB,EAAkBC,EAAauB,EAAkBrB,GAAS,WAAYF,EAAY,OAAS,CAAC,CAAA,CAEhG,EAGAD,EAAkBC,EAAauB,EAAkBrB,GAAS,WAAYF,EAAY,OAAS,CAAC,CAAA,CAAA,CAIpG"}

package/dist/lib/widgets/buttonWithHandlers/ButtonWithHandlers.js

@@ -1,2 +1,2 @@
-import{jsx as m}from"react/jsx-runtime";import{cn as p}from"../../shared/utils/cn.js";import"uuid";import"react";import{useButtonHandler as n}from"./model/useButtonHandler.js";import{Button as e}from"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const ct=({handlerOptions:o,className:r,...t})=>{const i=n(o);return m(e,{className:p(r),onClick:i,...t,children:t.children})};export{ct as ButtonWithHandlers};
+import{jsx as e}from"react/jsx-runtime";import{useButtonHandler as i}from"./model/useButtonHandler.js";import{cn as m}from"../../shared/utils/cn.js";import{Button as c}from"../../shared/ui/button/Button.js";const u=({handlerOptions:o,className:r,...t})=>{const n=i(o);return e(c,{className:m(r),onClick:n,...t,children:t.children})};export{u as ButtonWithHandlers};
 //# sourceMappingURL=ButtonWithHandlers.js.map

package/dist/lib/widgets/buttonWithHandlers/ButtonWithHandlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithHandlers.js","sources":["../../../../lib/widgets/buttonWithHandlers/ButtonWithHandlers.tsx"],"sourcesContent":["import { cn } from '../../shared/utils'\nimport { type ButtonHandlerOptions, useButtonHandler } from './model'\nimport { Button, type ButtonProps } from '$/shared/ui'\n\nexport interface ButtonWithHandlersProps extends ButtonProps {\n  handlerOptions: ButtonHandlerOptions\n}\n\nexport const ButtonWithHandlers = ({ handlerOptions, className, ...props }: ButtonWithHandlersProps) => {\n  const handleClick = useButtonHandler(handlerOptions)\n\n  return (\n    <Button className={cn(className)} onClick={handleClick} {...props}>\n      {props.children}\n    </Button>\n  )\n}\n"],"names":["ButtonWithHandlers","handlerOptions","className","props","handleClick","useButtonHandler","jsx","Button","cn"],"mappings":"+jFAQO,MAAMA,GAAqB,CAAC,CAAE,eAAAC,EAAgB,UAAAC,EAAW,GAAGC,KAAqC,CACtG,MAAMC,EAAcC,EAAiBJ,CAAc,EAEnD,OACEK,EAACC,EAAA,CAAO,UAAWC,EAAGN,CAAS,EAAG,QAASE,EAAc,GAAGD,EACzD,SAAAA,EAAM,QAAA,CACT,CAEJ"}
+{"version":3,"file":"ButtonWithHandlers.js","sources":["../../../../lib/widgets/buttonWithHandlers/ButtonWithHandlers.tsx"],"sourcesContent":["import { cn } from '../../shared/utils'\nimport { type ButtonHandlerOptions, useButtonHandler } from './model'\nimport { Button, type ButtonProps } from '$/shared/ui'\n\nexport interface ButtonWithHandlersProps extends ButtonProps {\n  handlerOptions: ButtonHandlerOptions\n}\n\nexport const ButtonWithHandlers = ({ handlerOptions, className, ...props }: ButtonWithHandlersProps) => {\n  const handleClick = useButtonHandler(handlerOptions)\n\n  return (\n    <Button className={cn(className)} onClick={handleClick} {...props}>\n      {props.children}\n    </Button>\n  )\n}\n"],"names":["ButtonWithHandlers","handlerOptions","className","props","handleClick","useButtonHandler","jsx","Button","cn"],"mappings":"+MAQO,MAAMA,EAAqB,CAAC,CAAE,eAAAC,EAAgB,UAAAC,EAAW,GAAGC,KAAqC,CACtG,MAAMC,EAAcC,EAAiBJ,CAAc,EAEnD,OACEK,EAACC,EAAA,CAAO,UAAWC,EAAGN,CAAS,EAAG,QAASE,EAAc,GAAGD,EACzD,SAAAA,EAAM,QAAA,CACT,CAEJ"}

package/dist/lib/widgets/buttonWithHandlers/model/useButtonHandler.js

@@ -1,2 +1,2 @@
-import{useCallback as l}from"react";import{scrollToElement as a}from"../../../shared/utils/scrollToElement.js";import"classnames";import"tailwind-merge";import{isClient as t}from"../../../shared/utils/isClient.js";import"uuid";const C=c=>l(()=>{var r;switch(c.handler){case"navigate":{const{url:o,target:e,rel:m}=c;t&&(window==null||window.open(o,e,m));break}case"scroll":{const{widgetId:o}=c??"";a({widgetId:o});break}case"dialog":{if(!t)return;const{dialogId:o}=c??{},e=document.getElementById(o);if(!e){console.error("Такого элемента в DOM не существует",o);break}e.show()}}"callback"in c&&((r=c==null?void 0:c.callback)==null||r.call(c))},[c]);export{C as useButtonHandler};
+import{useCallback as t}from"react";import{isClient as l}from"../../../shared/utils/isClient.js";import{scrollToElement as a}from"../../../shared/utils/scrollToElement.js";const k=e=>t(()=>{switch(e.handler){case"navigate":{const{url:c,target:o,rel:r}=e;l&&window?.open(c,o,r);break}case"scroll":{const{widgetId:c}=e??"";a({widgetId:c});break}case"dialog":{if(!l)return;const{dialogId:c}=e??{},o=document.getElementById(c);if(!o){console.error("Такого элемента в DOM не существует",c);break}o.show()}}"callback"in e&&e?.callback?.()},[e]);export{k as useButtonHandler};
 //# sourceMappingURL=useButtonHandler.js.map

package/dist/lib/widgets/buttonWithHandlers/model/useButtonHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonHandler.js","sources":["../../../../../lib/widgets/buttonWithHandlers/model/useButtonHandler.ts"],"sourcesContent":["'use client'\n\nimport { useCallback } from 'react'\nimport type { ButtonHandlerOptions } from './types'\nimport { isClient, scrollToElement } from '$/shared/utils'\n\nexport const useButtonHandler = (handlerOptions: ButtonHandlerOptions) => {\n  const handleClick = useCallback(() => {\n    switch (handlerOptions.handler) {\n      case 'navigate': {\n        const { url, target, rel } = handlerOptions\n        if (isClient) {\n          window?.open(url, target, rel)\n        }\n\n        break\n      }\n      case 'scroll': {\n        const { widgetId } = handlerOptions ?? ''\n        scrollToElement({ widgetId })\n        break\n      }\n\n      case 'dialog': {\n        if (!isClient) return\n\n        const { dialogId } = handlerOptions ?? {}\n\n        const dialog = document.getElementById(dialogId) as HTMLDialogElement | null\n\n        if (!dialog) {\n          console.error('Такого элемента в DOM не существует', dialogId)\n          break\n        }\n\n        dialog.show()\n      }\n    }\n\n    if ('callback' in handlerOptions) {\n      handlerOptions?.callback?.()\n    }\n  }, [handlerOptions])\n\n  return handleClick\n}\n"],"names":["useButtonHandler","handlerOptions","useCallback","url","target","rel","isClient","widgetId","scrollToElement","dialogId","dialog","_a"],"mappings":"mOAMO,MAAMA,EAAoBC,GACXC,EAAY,IAAM,OACpC,OAAQD,EAAe,QAAA,CACrB,IAAK,WAAY,CACf,KAAM,CAAE,IAAAE,EAAK,OAAAC,EAAQ,IAAAC,CAAA,EAAQJ,EACzBK,IACF,qBAAQ,KAAKH,EAAKC,EAAQC,IAG5B,KACF,CACA,IAAK,SAAU,CACb,KAAM,CAAE,SAAAE,GAAaN,GAAkB,GACvCO,EAAgB,CAAE,SAAAD,EAAU,EAC5B,KACF,CAEA,IAAK,SAAU,CACb,GAAI,CAACD,EAAU,OAEf,KAAM,CAAE,SAAAG,GAAaR,GAAkB,CAAA,EAEjCS,EAAS,SAAS,eAAeD,CAAQ,EAE/C,GAAI,CAACC,EAAQ,CACX,QAAQ,MAAM,sCAAuCD,CAAQ,EAC7D,KACF,CAEAC,EAAO,KAAA,CACT,CAAA,CAGE,aAAcT,KAChBU,EAAAV,GAAA,YAAAA,EAAgB,WAAhB,MAAAU,EAAA,KAAAV,GAEJ,EAAG,CAACA,CAAc,CAAC"}
+{"version":3,"file":"useButtonHandler.js","sources":["../../../../../lib/widgets/buttonWithHandlers/model/useButtonHandler.ts"],"sourcesContent":["'use client'\n\nimport { useCallback } from 'react'\nimport type { ButtonHandlerOptions } from './types'\nimport { isClient, scrollToElement } from '$/shared/utils'\n\nexport const useButtonHandler = (handlerOptions: ButtonHandlerOptions) => {\n  const handleClick = useCallback(() => {\n    switch (handlerOptions.handler) {\n      case 'navigate': {\n        const { url, target, rel } = handlerOptions\n        if (isClient) {\n          window?.open(url, target, rel)\n        }\n\n        break\n      }\n      case 'scroll': {\n        const { widgetId } = handlerOptions ?? ''\n        scrollToElement({ widgetId })\n        break\n      }\n\n      case 'dialog': {\n        if (!isClient) return\n\n        const { dialogId } = handlerOptions ?? {}\n\n        const dialog = document.getElementById(dialogId) as HTMLDialogElement | null\n\n        if (!dialog) {\n          console.error('Такого элемента в DOM не существует', dialogId)\n          break\n        }\n\n        dialog.show()\n      }\n    }\n\n    if ('callback' in handlerOptions) {\n      handlerOptions?.callback?.()\n    }\n  }, [handlerOptions])\n\n  return handleClick\n}\n"],"names":["useButtonHandler","handlerOptions","useCallback","url","target","rel","isClient","widgetId","scrollToElement","dialogId","dialog"],"mappings":"4KAMO,MAAMA,EAAoBC,GACXC,EAAY,IAAM,CACpC,OAAQD,EAAe,QAAA,CACrB,IAAK,WAAY,CACf,KAAM,CAAE,IAAAE,EAAK,OAAAC,EAAQ,IAAAC,CAAA,EAAQJ,EACzBK,GACF,QAAQ,KAAKH,EAAKC,EAAQC,CAAG,EAG/B,KACF,CACA,IAAK,SAAU,CACb,KAAM,CAAE,SAAAE,GAAaN,GAAkB,GACvCO,EAAgB,CAAE,SAAAD,EAAU,EAC5B,KACF,CAEA,IAAK,SAAU,CACb,GAAI,CAACD,EAAU,OAEf,KAAM,CAAE,SAAAG,GAAaR,GAAkB,CAAA,EAEjCS,EAAS,SAAS,eAAeD,CAAQ,EAE/C,GAAI,CAACC,EAAQ,CACX,QAAQ,MAAM,sCAAuCD,CAAQ,EAC7D,KACF,CAEAC,EAAO,KAAA,CACT,CAAA,CAGE,aAAcT,GAChBA,GAAgB,WAAA,CAEpB,EAAG,CAACA,CAAc,CAAC"}

package/dist/lib/widgets/calculator/Calculator.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as g}from"react/jsx-runtime";import{useState as l,useMemo as w}from"react";import{cn as p}from"../../shared/utils/cn.js";import"uuid";import{widgetIds as f}from"../model/helpers.js";import{CalculatorView as x}from"./CalculatorView.js";import{ResponsiveContainer as I}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import{Heading as v}from"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"zod";import{CalculatorTabs as N}from"./ui/CalculatorTabs.js";const co=({calculators:t,headline:u,classes:o})=>{var a;const n=t.length>1,[e,C]=l(n?(a=t[0])==null?void 0:a.name:""),i=w(()=>t==null?void 0:t.map(({name:d,label:b})=>({name:d,label:b})),[t]),h=n?i==null?void 0:i.findIndex(d=>d.name===e):0,m=t[h];return r("section",{id:f.calculator,"data-test-id":f.calculator,className:p(o==null?void 0:o.root),children:r(I,{className:p(o==null?void 0:o.container),children:g("div",{className:p(o==null?void 0:o.wrapper),children:[r(v,{className:p("mb-8 desktop:mb-12",o==null?void 0:o.headline),as:"h2",children:u}),n&&r(N,{calculatorTabs:i,activeCalculator:e,setActiveCalculator:C,classes:o==null?void 0:o.calculatorTabs}),r(x,{name:m.name,label:m.label,calculatorInfoConfig:m.calculatorInfoConfig,calculatorFieldsConfig:m.calculatorFieldsConfig,classes:o==null?void 0:o.calculatorView})]})})})};export{co as Calculator,co as default};
+import{jsx as t,jsxs as p}from"react/jsx-runtime";import{useState as C,useMemo as b}from"react";import{CalculatorView as h}from"./CalculatorView.js";import{cn as e}from"../../shared/utils/cn.js";import{CalculatorTabs as g}from"./ui/CalculatorTabs.js";import{widgetIds as m}from"../model/helpers.js";import{ResponsiveContainer as w}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Heading as x}from"../../shared/ui/heading/Heading.js";const k=({calculators:o,headline:s,classes:a})=>{const l=o.length>1,[n,d]=C(l?o[0]?.name:""),i=b(()=>o?.map(({name:c,label:f})=>({name:c,label:f})),[o]),u=l?i?.findIndex(c=>c.name===n):0,r=o[u];return t("section",{id:m.calculator,"data-test-id":m.calculator,className:e(a?.root),children:t(w,{className:e(a?.container),children:p("div",{className:e(a?.wrapper),children:[t(x,{className:e("mb-8 desktop:mb-12",a?.headline),as:"h2",children:s}),l&&t(g,{calculatorTabs:i,activeCalculator:n,setActiveCalculator:d,classes:a?.calculatorTabs}),t(h,{name:r.name,label:r.label,calculatorInfoConfig:r.calculatorInfoConfig,calculatorFieldsConfig:r.calculatorFieldsConfig,classes:a?.calculatorView})]})})})};export{k as Calculator,k as default};
 //# sourceMappingURL=Calculator.js.map

package/dist/lib/widgets/calculator/Calculator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calculator.js","sources":["../../../../lib/widgets/calculator/Calculator.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { cn } from '../../shared/utils'\nimport { widgetIds } from '../model'\nimport { CalculatorView, type CalculatorViewClasses, type CalculatorViewProps } from './CalculatorView'\nimport { CalculatorTabs, type CalculatorTabsClasses, type CalculatorTabValue } from './ui'\nimport { Heading, ResponsiveContainer } from '$/shared/ui'\n\nexport type CalculatorClasses = {\n  root?: string\n  container?: string\n  headline?: string\n  wrapper?: string\n  calculatorView?: CalculatorViewClasses\n  calculatorTabs?: CalculatorTabsClasses\n}\n\nexport interface CalculatorProps {\n  headline: string\n  calculators: CalculatorViewProps[]\n  classes?: CalculatorClasses\n}\n\nexport const Calculator = ({ calculators, headline, classes }: CalculatorProps) => {\n  const shouldShowTabs = calculators.length > 1\n\n  const [activeCalculator, setActiveCalculator] = useState<CalculatorTabValue>(shouldShowTabs ? calculators[0]?.name : '')\n\n  const calculatorsTabs = useMemo(() => calculators?.map(({ name, label }) => ({ name, label })), [calculators])\n\n  const currentCalculatorIndex = shouldShowTabs\n    ? calculatorsTabs?.findIndex((tab) => tab.name === activeCalculator) // Активный калькулятор по значению таба\n    : 0 // Берем первый калькулятор если табов нет\n\n  const currentCalculator = calculators[currentCalculatorIndex]\n\n  return (\n    <section id={widgetIds.calculator} data-test-id={widgetIds.calculator} className={cn(classes?.root)}>\n      <ResponsiveContainer className={cn(classes?.container)}>\n        <div className={cn(classes?.wrapper)}>\n          <Heading className={cn('mb-8 desktop:mb-12', classes?.headline)} as='h2'>\n            {headline}\n          </Heading>\n          {shouldShowTabs && (\n            <CalculatorTabs\n              calculatorTabs={calculatorsTabs}\n              activeCalculator={activeCalculator}\n              setActiveCalculator={setActiveCalculator}\n              classes={classes?.calculatorTabs}\n            />\n          )}\n\n          <CalculatorView\n            name={currentCalculator.name}\n            label={currentCalculator.label}\n            calculatorInfoConfig={currentCalculator.calculatorInfoConfig}\n            calculatorFieldsConfig={currentCalculator.calculatorFieldsConfig}\n            classes={classes?.calculatorView}\n          />\n        </div>\n      </ResponsiveContainer>\n    </section>\n  )\n}\n\nexport default Calculator\n"],"names":["Calculator","calculators","headline","classes","shouldShowTabs","activeCalculator","setActiveCalculator","useState","_a","calculatorsTabs","useMemo","name","label","currentCalculatorIndex","tab","currentCalculator","jsx","widgetIds","cn","ResponsiveContainer","jsxs","Heading","CalculatorTabs","CalculatorView"],"mappings":"qzFAsBO,MAAMA,GAAa,CAAC,CAAE,YAAAC,EAAa,SAAAC,EAAU,QAAAC,KAA+B,OACjF,MAAMC,EAAiBH,EAAY,OAAS,EAEtC,CAACI,EAAkBC,CAAmB,EAAIC,EAA6BH,GAAiBI,EAAAP,EAAY,CAAC,IAAb,YAAAO,EAAgB,KAAO,EAAE,EAEjHC,EAAkBC,EAAQ,IAAMT,GAAA,YAAAA,EAAa,IAAI,CAAC,CAAE,KAAAU,EAAM,MAAAC,CAAA,KAAa,CAAE,KAAAD,EAAM,MAAAC,CAAA,IAAW,CAACX,CAAW,CAAC,EAEvGY,EAAyBT,EAC3BK,GAAA,YAAAA,EAAiB,UAAWK,GAAQA,EAAI,OAAST,GACjD,EAEEU,EAAoBd,EAAYY,CAAsB,EAE5D,OACEG,EAAC,UAAA,CAAQ,GAAIC,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGf,GAAA,YAAAA,EAAS,IAAI,EAChG,WAACgB,EAAA,CAAoB,UAAWD,EAAGf,GAAA,YAAAA,EAAS,SAAS,EACnD,SAAAiB,EAAC,MAAA,CAAI,UAAWF,EAAGf,GAAA,YAAAA,EAAS,OAAO,EACjC,SAAA,CAAAa,EAACK,EAAA,CAAQ,UAAWH,EAAG,qBAAsBf,GAAA,YAAAA,EAAS,QAAQ,EAAG,GAAG,KACjE,SAAAD,CAAA,CACH,EACCE,GACCY,EAACM,EAAA,CACC,eAAgBb,EAChB,iBAAAJ,EACA,oBAAAC,EACA,QAASH,GAAA,YAAAA,EAAS,cAAA,CAAA,EAItBa,EAACO,EAAA,CACC,KAAMR,EAAkB,KACxB,MAAOA,EAAkB,MACzB,qBAAsBA,EAAkB,qBACxC,uBAAwBA,EAAkB,uBAC1C,QAASZ,GAAA,YAAAA,EAAS,cAAA,CAAA,CACpB,CAAA,CACF,EACF,EACF,CAEJ"}
+{"version":3,"file":"Calculator.js","sources":["../../../../lib/widgets/calculator/Calculator.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { cn } from '../../shared/utils'\nimport { widgetIds } from '../model'\nimport { CalculatorView, type CalculatorViewClasses, type CalculatorViewProps } from './CalculatorView'\nimport { CalculatorTabs, type CalculatorTabsClasses, type CalculatorTabValue } from './ui'\nimport { Heading, ResponsiveContainer } from '$/shared/ui'\n\nexport type CalculatorClasses = {\n  root?: string\n  container?: string\n  headline?: string\n  wrapper?: string\n  calculatorView?: CalculatorViewClasses\n  calculatorTabs?: CalculatorTabsClasses\n}\n\nexport interface CalculatorProps {\n  headline: string\n  calculators: CalculatorViewProps[]\n  classes?: CalculatorClasses\n}\n\nexport const Calculator = ({ calculators, headline, classes }: CalculatorProps) => {\n  const shouldShowTabs = calculators.length > 1\n\n  const [activeCalculator, setActiveCalculator] = useState<CalculatorTabValue>(shouldShowTabs ? calculators[0]?.name : '')\n\n  const calculatorsTabs = useMemo(() => calculators?.map(({ name, label }) => ({ name, label })), [calculators])\n\n  const currentCalculatorIndex = shouldShowTabs\n    ? calculatorsTabs?.findIndex((tab) => tab.name === activeCalculator) // Активный калькулятор по значению таба\n    : 0 // Берем первый калькулятор если табов нет\n\n  const currentCalculator = calculators[currentCalculatorIndex]\n\n  return (\n    <section id={widgetIds.calculator} data-test-id={widgetIds.calculator} className={cn(classes?.root)}>\n      <ResponsiveContainer className={cn(classes?.container)}>\n        <div className={cn(classes?.wrapper)}>\n          <Heading className={cn('mb-8 desktop:mb-12', classes?.headline)} as='h2'>\n            {headline}\n          </Heading>\n          {shouldShowTabs && (\n            <CalculatorTabs\n              calculatorTabs={calculatorsTabs}\n              activeCalculator={activeCalculator}\n              setActiveCalculator={setActiveCalculator}\n              classes={classes?.calculatorTabs}\n            />\n          )}\n\n          <CalculatorView\n            name={currentCalculator.name}\n            label={currentCalculator.label}\n            calculatorInfoConfig={currentCalculator.calculatorInfoConfig}\n            calculatorFieldsConfig={currentCalculator.calculatorFieldsConfig}\n            classes={classes?.calculatorView}\n          />\n        </div>\n      </ResponsiveContainer>\n    </section>\n  )\n}\n\nexport default Calculator\n"],"names":["Calculator","calculators","headline","classes","shouldShowTabs","activeCalculator","setActiveCalculator","useState","calculatorsTabs","useMemo","name","label","currentCalculatorIndex","tab","currentCalculator","jsx","widgetIds","cn","ResponsiveContainer","jsxs","Heading","CalculatorTabs","CalculatorView"],"mappings":"ycAsBO,MAAMA,EAAa,CAAC,CAAE,YAAAC,EAAa,SAAAC,EAAU,QAAAC,KAA+B,CACjF,MAAMC,EAAiBH,EAAY,OAAS,EAEtC,CAACI,EAAkBC,CAAmB,EAAIC,EAA6BH,EAAiBH,EAAY,CAAC,GAAG,KAAO,EAAE,EAEjHO,EAAkBC,EAAQ,IAAMR,GAAa,IAAI,CAAC,CAAE,KAAAS,EAAM,MAAAC,CAAA,KAAa,CAAE,KAAAD,EAAM,MAAAC,CAAA,EAAQ,EAAG,CAACV,CAAW,CAAC,EAEvGW,EAAyBR,EAC3BI,GAAiB,UAAWK,GAAQA,EAAI,OAASR,CAAgB,EACjE,EAEES,EAAoBb,EAAYW,CAAsB,EAE5D,OACEG,EAAC,UAAA,CAAQ,GAAIC,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGd,GAAS,IAAI,EAChG,WAACe,EAAA,CAAoB,UAAWD,EAAGd,GAAS,SAAS,EACnD,SAAAgB,EAAC,MAAA,CAAI,UAAWF,EAAGd,GAAS,OAAO,EACjC,SAAA,CAAAY,EAACK,EAAA,CAAQ,UAAWH,EAAG,qBAAsBd,GAAS,QAAQ,EAAG,GAAG,KACjE,SAAAD,CAAA,CACH,EACCE,GACCW,EAACM,EAAA,CACC,eAAgBb,EAChB,iBAAAH,EACA,oBAAAC,EACA,QAASH,GAAS,cAAA,CAAA,EAItBY,EAACO,EAAA,CACC,KAAMR,EAAkB,KACxB,MAAOA,EAAkB,MACzB,qBAAsBA,EAAkB,qBACxC,uBAAwBA,EAAkB,uBAC1C,QAASX,GAAS,cAAA,CAAA,CACpB,CAAA,CACF,EACF,EACF,CAEJ"}

package/dist/lib/widgets/calculator/CalculatorView.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as f}from"react/jsx-runtime";import{useEffect as c}from"react";import{FormProvider as d}from"react-hook-form";import{evaluateFormula as n}from"./model/helpers.js";import{getCalculatorSchema as h,isFormula as x}from"./model/utils.js";import{CalculatorInfo as V}from"./ui/calculatorInfo/CalculatorInfo.js";import{CalculatorFields as w}from"./ui/calculatorFields/CalculatorFields.js";import"./ui/CalculatorTabs.js";import{cn as b}from"../../shared/utils/cn.js";import"uuid";import{localStorageActions as v}from"../../shared/utils/localStorageActions.js";import{useControlledForm as I}from"../../shared/hooks/useControlledForm.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import"zod";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{ZodUtils as S}from"../../shared/validation/utils/zodUtils.js";const Po=({calculatorInfoConfig:p,calculatorFieldsConfig:r,classes:o})=>{const e=h(r==null?void 0:r.fieldsGroup),a=I({schema:e,mode:"onBlur",defaultValues:S.getZodDefaults(e)}),t=a.watch(),{rootValue:m}=p;c(()=>{v.setItem("calculatorData",t)},[t]);const l=x(m)?n(m.formula,t):m,u={...p,rootValue:l};return i(d,{...a,children:f("div",{className:b("flex items-start gap-16 mobile:flex-col mobile:items-center mobile:gap-8",o==null?void 0:o.wrapper),children:[i(w,{...r,classes:o==null?void 0:o.calculatorFields}),i(V,{...u,classes:o==null?void 0:o.calculatorInfo})]})})};export{Po as CalculatorView};
+import{jsx as e,jsxs as u}from"react/jsx-runtime";import{useEffect as f}from"react";import{FormProvider as p}from"react-hook-form";import{getCalculatorSchema as d,isFormula as n}from"./model/utils.js";import{localStorageActions as h}from"../../shared/utils/localStorageActions.js";import{evaluateFormula as F}from"./model/helpers.js";import{cn as g}from"../../shared/utils/cn.js";import{CalculatorFields as x}from"./ui/calculatorFields/CalculatorFields.js";import{CalculatorInfo as C}from"./ui/calculatorInfo/CalculatorInfo.js";import{useControlledForm as V}from"../../shared/hooks/useControlledForm.js";import{ZodUtils as w}from"../../shared/validation/utils/zodUtils.js";const M=({calculatorInfoConfig:l,calculatorFieldsConfig:a,classes:o})=>{const m=d(a?.fieldsGroup),c=V({schema:m,mode:"onBlur",defaultValues:w.getZodDefaults(m)}),r=c.watch(),{rootValue:t}=l;f(()=>{h.setItem("calculatorData",r)},[r]);const s=n(t)?F(t.formula,r):t,i={...l,rootValue:s};return e(p,{...c,children:u("div",{className:g("flex items-start gap-16 mobile:flex-col mobile:items-center mobile:gap-8",o?.wrapper),children:[e(x,{...a,classes:o?.calculatorFields}),e(C,{...i,classes:o?.calculatorInfo})]})})};export{M as CalculatorView};
 //# sourceMappingURL=CalculatorView.js.map

package/dist/lib/widgets/calculator/CalculatorView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatorView.js","sources":["../../../../lib/widgets/calculator/CalculatorView.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { type FieldValues, FormProvider } from 'react-hook-form'\nimport { type CalculatorSchema, evaluateFormula, getCalculatorSchema, isFormula } from './model'\nimport {\n  CalculatorFields,\n  type CalculatorFieldsClasses,\n  type CalculatorFieldsProps,\n  CalculatorInfo,\n  type CalculatorInfoClasses,\n  type CalculatorInfoProps,\n  type CalculatorTab\n} from './ui'\nimport { useControlledForm } from '$/shared/hooks'\nimport { cn, localStorageActions } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\n\nexport type CalculatorViewClasses = {\n  wrapper?: string\n  calculatorFields?: CalculatorFieldsClasses\n  calculatorInfo?: CalculatorInfoClasses\n}\n\nexport interface CalculatorViewProps<T extends FieldValues = FieldValues> extends CalculatorTab {\n  calculatorInfoConfig: CalculatorInfoProps\n  calculatorFieldsConfig: CalculatorFieldsProps<T>\n  classes?: CalculatorViewClasses\n}\n\nexport const CalculatorView = <T extends FieldValues>({\n  calculatorInfoConfig,\n  calculatorFieldsConfig,\n  classes\n}: CalculatorViewProps<T>) => {\n  const calculatorSchema: CalculatorSchema = getCalculatorSchema(calculatorFieldsConfig?.fieldsGroup)\n\n  const formMethods = useControlledForm({\n    schema: calculatorSchema,\n    mode: 'onBlur',\n    defaultValues: ZodUtils.getZodDefaults(calculatorSchema)\n  })\n\n  const watchedFields = formMethods.watch()\n\n  const { rootValue } = calculatorInfoConfig\n\n  useEffect(() => {\n    localStorageActions.setItem('calculatorData', watchedFields)\n  }, [watchedFields])\n\n  const calculatedValue = isFormula(rootValue) ? evaluateFormula(rootValue.formula, watchedFields) : rootValue\n\n  const mergedCalcInfoConfig = { ...calculatorInfoConfig, rootValue: calculatedValue }\n\n  return (\n    <FormProvider {...formMethods}>\n      <div className={cn('flex items-start gap-16 mobile:flex-col mobile:items-center mobile:gap-8', classes?.wrapper)}>\n        <CalculatorFields {...calculatorFieldsConfig} classes={classes?.calculatorFields} />\n        <CalculatorInfo {...mergedCalcInfoConfig} classes={classes?.calculatorInfo} />\n      </div>\n    </FormProvider>\n  )\n}\n"],"names":["CalculatorView","calculatorInfoConfig","calculatorFieldsConfig","classes","calculatorSchema","getCalculatorSchema","formMethods","useControlledForm","ZodUtils","watchedFields","rootValue","useEffect","localStorageActions","calculatedValue","isFormula","evaluateFormula","mergedCalcInfoConfig","jsx","FormProvider","jsxs","cn","CalculatorFields","CalculatorInfo"],"mappings":"owGA4BO,MAAMA,GAAiB,CAAwB,CACpD,qBAAAC,EACA,uBAAAC,EACA,QAAAC,CACF,IAA8B,CAC5B,MAAMC,EAAqCC,EAAoBH,GAAA,YAAAA,EAAwB,WAAW,EAE5FI,EAAcC,EAAkB,CACpC,OAAQH,EACR,KAAM,SACN,cAAeI,EAAS,eAAeJ,CAAgB,CAAA,CACxD,EAEKK,EAAgBH,EAAY,MAAA,EAE5B,CAAE,UAAAI,GAAcT,EAEtBU,EAAU,IAAM,CACdC,EAAoB,QAAQ,iBAAkBH,CAAa,CAC7D,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMI,EAAkBC,EAAUJ,CAAS,EAAIK,EAAgBL,EAAU,QAASD,CAAa,EAAIC,EAE7FM,EAAuB,CAAE,GAAGf,EAAsB,UAAWY,CAAA,EAEnE,OACEI,EAACC,EAAA,CAAc,GAAGZ,EAChB,SAAAa,EAAC,MAAA,CAAI,UAAWC,EAAG,2EAA4EjB,GAAA,YAAAA,EAAS,OAAO,EAC7G,SAAA,CAAAc,EAACI,EAAA,CAAkB,GAAGnB,EAAwB,QAASC,GAAA,YAAAA,EAAS,iBAAkB,IACjFmB,EAAA,CAAgB,GAAGN,EAAsB,QAASb,GAAA,YAAAA,EAAS,cAAA,CAAgB,CAAA,CAAA,CAC9E,CAAA,CACF,CAEJ"}
+{"version":3,"file":"CalculatorView.js","sources":["../../../../lib/widgets/calculator/CalculatorView.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { type FieldValues, FormProvider } from 'react-hook-form'\nimport { type CalculatorSchema, evaluateFormula, getCalculatorSchema, isFormula } from './model'\nimport {\n  CalculatorFields,\n  type CalculatorFieldsClasses,\n  type CalculatorFieldsProps,\n  CalculatorInfo,\n  type CalculatorInfoClasses,\n  type CalculatorInfoProps,\n  type CalculatorTab\n} from './ui'\nimport { useControlledForm } from '$/shared/hooks'\nimport { cn, localStorageActions } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\n\nexport type CalculatorViewClasses = {\n  wrapper?: string\n  calculatorFields?: CalculatorFieldsClasses\n  calculatorInfo?: CalculatorInfoClasses\n}\n\nexport interface CalculatorViewProps<T extends FieldValues = FieldValues> extends CalculatorTab {\n  calculatorInfoConfig: CalculatorInfoProps\n  calculatorFieldsConfig: CalculatorFieldsProps<T>\n  classes?: CalculatorViewClasses\n}\n\nexport const CalculatorView = <T extends FieldValues>({\n  calculatorInfoConfig,\n  calculatorFieldsConfig,\n  classes\n}: CalculatorViewProps<T>) => {\n  const calculatorSchema: CalculatorSchema = getCalculatorSchema(calculatorFieldsConfig?.fieldsGroup)\n\n  const formMethods = useControlledForm({\n    schema: calculatorSchema,\n    mode: 'onBlur',\n    defaultValues: ZodUtils.getZodDefaults(calculatorSchema)\n  })\n\n  const watchedFields = formMethods.watch()\n\n  const { rootValue } = calculatorInfoConfig\n\n  useEffect(() => {\n    localStorageActions.setItem('calculatorData', watchedFields)\n  }, [watchedFields])\n\n  const calculatedValue = isFormula(rootValue) ? evaluateFormula(rootValue.formula, watchedFields) : rootValue\n\n  const mergedCalcInfoConfig = { ...calculatorInfoConfig, rootValue: calculatedValue }\n\n  return (\n    <FormProvider {...formMethods}>\n      <div className={cn('flex items-start gap-16 mobile:flex-col mobile:items-center mobile:gap-8', classes?.wrapper)}>\n        <CalculatorFields {...calculatorFieldsConfig} classes={classes?.calculatorFields} />\n        <CalculatorInfo {...mergedCalcInfoConfig} classes={classes?.calculatorInfo} />\n      </div>\n    </FormProvider>\n  )\n}\n"],"names":["CalculatorView","calculatorInfoConfig","calculatorFieldsConfig","classes","calculatorSchema","getCalculatorSchema","formMethods","useControlledForm","ZodUtils","watchedFields","rootValue","useEffect","localStorageActions","calculatedValue","isFormula","evaluateFormula","mergedCalcInfoConfig","jsx","FormProvider","jsxs","cn","CalculatorFields","CalculatorInfo"],"mappings":"iqBA4BO,MAAMA,EAAiB,CAAwB,CACpD,qBAAAC,EACA,uBAAAC,EACA,QAAAC,CACF,IAA8B,CAC5B,MAAMC,EAAqCC,EAAoBH,GAAwB,WAAW,EAE5FI,EAAcC,EAAkB,CACpC,OAAQH,EACR,KAAM,SACN,cAAeI,EAAS,eAAeJ,CAAgB,CAAA,CACxD,EAEKK,EAAgBH,EAAY,MAAA,EAE5B,CAAE,UAAAI,GAAcT,EAEtBU,EAAU,IAAM,CACdC,EAAoB,QAAQ,iBAAkBH,CAAa,CAC7D,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMI,EAAkBC,EAAUJ,CAAS,EAAIK,EAAgBL,EAAU,QAASD,CAAa,EAAIC,EAE7FM,EAAuB,CAAE,GAAGf,EAAsB,UAAWY,CAAA,EAEnE,OACEI,EAACC,EAAA,CAAc,GAAGZ,EAChB,SAAAa,EAAC,MAAA,CAAI,UAAWC,EAAG,2EAA4EjB,GAAS,OAAO,EAC7G,SAAA,CAAAc,EAACI,EAAA,CAAkB,GAAGnB,EAAwB,QAASC,GAAS,iBAAkB,IACjFmB,EAAA,CAAgB,GAAGN,EAAsB,QAASb,GAAS,cAAA,CAAgB,CAAA,CAAA,CAC9E,CAAA,CACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import"classnames";import"tailwind-merge";import{TypeGuards as m}from"../../../shared/utils/typeGuards.js";import"uuid";import"react";import{isFormula as u}from"./utils.js";const c=(a,e)=>(a.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g)||[]).filter(s=>!(s in e)).length>0?"":a,p=(a,e)=>{const r=Object.entries(e).map(([t,o])=>[t,m.isNil(o)?"1":o]),n=r.map(([t])=>t),s=r.map(([,t])=>t),l=c(a,Object.fromEntries(r)),i=new Function(...n,`return ${l};`)(...s.map(Number));return Number.isNaN(Number(i))?"0":i.toString()},d=(a,e)=>a.map(r=>({...r,value:u(r.value)?p(r.value.formula,e):r.value}));export{p as evaluateFormula,d as formatInfoList};
+import{isFormula as u}from"./utils.js";import{TypeGuards as m}from"../../../shared/utils/typeGuards.js";const c=(a,e)=>(a.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g)||[]).filter(s=>!(s in e)).length>0?"":a,b=(a,e)=>{const r=Object.entries(e).map(([t,i])=>[t,m.isNil(i)?"1":i]),n=r.map(([t])=>t),s=r.map(([,t])=>t),o=c(a,Object.fromEntries(r)),l=new Function(...n,`return ${o};`)(...s.map(Number));return Number.isNaN(Number(l))?"0":l.toString()},F=(a,e)=>a.map(r=>({...r,value:u(r.value)?b(r.value.formula,e):r.value}));export{b as evaluateFormula,F as formatInfoList};
 //# sourceMappingURL=helpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../lib/widgets/calculator/model/helpers.ts"],"sourcesContent":["import { TypeGuards } from '../../../shared/utils'\nimport type { InfoListItemDTO, InfoListItemProps } from '../ui'\nimport type { CalculatorVariables } from './types'\nimport { isFormula } from './utils'\n\nconst validateFormula = (formula: string, variables: CalculatorVariables) => {\n  const variablesInFormula = formula.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []\n  const missingVariables = variablesInFormula.filter((varName) => !(varName in variables))\n\n  if (missingVariables.length > 0) {\n    return ''\n    // throw new Error(`Отсутствуют переменные для калькулятора: ${missingVariables.join(', ')}`) 12 + 14 / select1\n  }\n\n  return formula\n}\n\nexport const evaluateFormula = (formula: string, variables: CalculatorVariables): string => {\n  const entries = Object.entries(variables).map(([key, value]) => [key, !TypeGuards.isNil(value) ? value : '1'])\n\n  const variablesKeys = entries.map(([key]) => key)\n  const variablesValues = entries.map(([, value]) => value)\n\n  const validatedFormula = validateFormula(formula, Object.fromEntries(entries))\n\n  const replaceVariables = new Function(...variablesKeys, `return ${validatedFormula};`)\n\n  const replaceResult: number = replaceVariables(...variablesValues.map(Number))\n\n  if (Number.isNaN(Number(replaceResult))) {\n    return '0'\n  }\n\n  return replaceResult.toString()\n}\n\nexport const formatInfoList = (list: InfoListItemDTO[], variables: CalculatorVariables): InfoListItemProps[] => {\n  return list.map((item) => {\n    return {\n      ...item,\n      value: isFormula(item.value) ? evaluateFormula(item.value.formula, variables) : item.value\n    }\n  })\n}\n"],"names":["validateFormula","formula","variables","varName","evaluateFormula","entries","key","value","TypeGuards","variablesKeys","variablesValues","validatedFormula","replaceResult","formatInfoList","list","item","isFormula"],"mappings":"6KAKA,MAAMA,EAAkB,CAACC,EAAiBC,KACbD,EAAQ,MAAM,2BAA2B,GAAK,CAAA,GAC7B,OAAQE,GAAY,EAAEA,KAAWD,EAAU,EAElE,OAAS,EACrB,GAIFD,EAGIG,EAAkB,CAACH,EAAiBC,IAA2C,CAC1F,MAAMG,EAAU,OAAO,QAAQH,CAAS,EAAE,IAAI,CAAC,CAACI,EAAKC,CAAK,IAAM,CAACD,EAAME,EAAW,MAAMD,CAAK,EAAY,IAARA,CAAW,CAAC,EAEvGE,EAAgBJ,EAAQ,IAAI,CAAC,CAACC,CAAG,IAAMA,CAAG,EAC1CI,EAAkBL,EAAQ,IAAI,CAAC,CAAA,CAAGE,CAAK,IAAMA,CAAK,EAElDI,EAAmBX,EAAgBC,EAAS,OAAO,YAAYI,CAAO,CAAC,EAIvEO,EAFmB,IAAI,SAAS,GAAGH,EAAe,UAAUE,CAAgB,GAAG,EAEtC,GAAGD,EAAgB,IAAI,MAAM,CAAC,EAE7E,OAAI,OAAO,MAAM,OAAOE,CAAa,CAAC,EAC7B,IAGFA,EAAc,SAAA,CACvB,EAEaC,EAAiB,CAACC,EAAyBZ,IAC/CY,EAAK,IAAKC,IACR,CACL,GAAGA,EACH,MAAOC,EAAUD,EAAK,KAAK,EAAIX,EAAgBW,EAAK,MAAM,QAASb,CAAS,EAAIa,EAAK,KAAA,EAExF"}
+{"version":3,"file":"helpers.js","sources":["../../../../../lib/widgets/calculator/model/helpers.ts"],"sourcesContent":["import { TypeGuards } from '../../../shared/utils'\nimport type { InfoListItemDTO, InfoListItemProps } from '../ui'\nimport type { CalculatorVariables } from './types'\nimport { isFormula } from './utils'\n\nconst validateFormula = (formula: string, variables: CalculatorVariables) => {\n  const variablesInFormula = formula.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []\n  const missingVariables = variablesInFormula.filter((varName) => !(varName in variables))\n\n  if (missingVariables.length > 0) {\n    return ''\n    // throw new Error(`Отсутствуют переменные для калькулятора: ${missingVariables.join(', ')}`) 12 + 14 / select1\n  }\n\n  return formula\n}\n\nexport const evaluateFormula = (formula: string, variables: CalculatorVariables): string => {\n  const entries = Object.entries(variables).map(([key, value]) => [key, !TypeGuards.isNil(value) ? value : '1'])\n\n  const variablesKeys = entries.map(([key]) => key)\n  const variablesValues = entries.map(([, value]) => value)\n\n  const validatedFormula = validateFormula(formula, Object.fromEntries(entries))\n\n  const replaceVariables = new Function(...variablesKeys, `return ${validatedFormula};`)\n\n  const replaceResult: number = replaceVariables(...variablesValues.map(Number))\n\n  if (Number.isNaN(Number(replaceResult))) {\n    return '0'\n  }\n\n  return replaceResult.toString()\n}\n\nexport const formatInfoList = (list: InfoListItemDTO[], variables: CalculatorVariables): InfoListItemProps[] => {\n  return list.map((item) => {\n    return {\n      ...item,\n      value: isFormula(item.value) ? evaluateFormula(item.value.formula, variables) : item.value\n    }\n  })\n}\n"],"names":["validateFormula","formula","variables","varName","evaluateFormula","entries","key","value","TypeGuards","variablesKeys","variablesValues","validatedFormula","replaceResult","formatInfoList","list","item","isFormula"],"mappings":"wGAKA,MAAMA,EAAkB,CAACC,EAAiBC,KACbD,EAAQ,MAAM,2BAA2B,GAAK,CAAA,GAC7B,OAAQE,GAAY,EAAEA,KAAWD,EAAU,EAElE,OAAS,EACrB,GAIFD,EAGIG,EAAkB,CAACH,EAAiBC,IAA2C,CAC1F,MAAMG,EAAU,OAAO,QAAQH,CAAS,EAAE,IAAI,CAAC,CAACI,EAAKC,CAAK,IAAM,CAACD,EAAME,EAAW,MAAMD,CAAK,EAAY,IAARA,CAAW,CAAC,EAEvGE,EAAgBJ,EAAQ,IAAI,CAAC,CAACC,CAAG,IAAMA,CAAG,EAC1CI,EAAkBL,EAAQ,IAAI,CAAC,CAAA,CAAGE,CAAK,IAAMA,CAAK,EAElDI,EAAmBX,EAAgBC,EAAS,OAAO,YAAYI,CAAO,CAAC,EAIvEO,EAFmB,IAAI,SAAS,GAAGH,EAAe,UAAUE,CAAgB,GAAG,EAEtC,GAAGD,EAAgB,IAAI,MAAM,CAAC,EAE7E,OAAI,OAAO,MAAM,OAAOE,CAAa,CAAC,EAC7B,IAGFA,EAAc,SAAA,CACvB,EAEaC,EAAiB,CAACC,EAAyBZ,IAC/CY,EAAK,IAAKC,IACR,CACL,GAAGA,EACH,MAAOC,EAAUD,EAAK,KAAK,EAAIX,EAAgBW,EAAK,MAAM,QAASb,CAAS,EAAIa,EAAK,KAAA,EAExF"}

package/dist/lib/widgets/calculator/ui/CalculatorTabs.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{memo as d}from"react";import{cn as p}from"../../../shared/utils/cn.js";import"uuid";const b=d(({calculatorTabs:r,activeCalculator:i,setActiveCalculator:m,classes:o})=>e("div",{className:p("mb-8 flex items-center gap-4",o==null?void 0:o.wrapper),children:r==null?void 0:r.map(({name:t,label:n})=>e("button",{onClick:()=>m(t),className:p("mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",{"bg-icon-primary-default text-color-white":i===t},o==null?void 0:o.tab),children:n},t))}));export{b as CalculatorTabs};
+import{jsx as e}from"react/jsx-runtime";import{memo as m}from"react";import{cn as t}from"../../../shared/utils/cn.js";const u=m(({calculatorTabs:l,activeCalculator:p,setActiveCalculator:a,classes:r})=>e("div",{className:t("mb-8 flex items-center gap-4",r?.wrapper),children:l?.map(({name:o,label:i})=>e("button",{onClick:()=>a(o),className:t("mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",{"bg-icon-primary-default text-color-white":p===o},r?.tab),children:i},o))}));export{u as CalculatorTabs};
 //# sourceMappingURL=CalculatorTabs.js.map