npm - @scbt-ecom/ui - Versions diffs - 0.152.6 → 0.153.1 - Mend

@scbt-ecom/ui 0.152.6 → 0.153.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (551) hide show

package/dist/lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as l}from"react/jsx-runtime";import{createPortal as c}from"react-dom";import{motion as x}from"framer-motion";import{cn as u}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"../../../../../../../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 d}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"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const wt=({categories:n,...s})=>{var i,m;return c(r(x.div,{...s,layout:!0,initial:{opacity:0},animate:{opacity:1},transition:{duration:.2},className:u("absolute z-20 w-full bg-color-white",'after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]'),children:r("div",{className:"mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10",children:n.map(t=>{var p;const f=t.link?"a":"p";return l("div",{className:"flex flex-col gap-y-6",children:[t.title&&l(f,{href:((p=t.link)==null?void 0:p.href)??void 0,className:"flex items-center gap-x-1 text-16 uppercase text-color-primary-default",children:[t.title,r(d,{name:"arrows/arrowLink",className:"size-6"})]}),r("ul",{className:"w-[328px]",children:t.children.map(o=>{var e,a;return r("li",{className:"w-full [&:not(:last-child)]:mb-4",children:r("a",{href:(e=o.link)==null?void 0:e.href,target:(a=o.link)==null?void 0:a.target,className:"w-full text-16",children:o.title})},o.title)})})]},t.title)})})}),((m=(i=document.body.querySelector("#modal-preview"))==null?void 0:i.contentDocument)==null?void 0:m.body)??document.body)};export{wt as TabContent};
+import{jsx as t,jsxs as l}from"react/jsx-runtime";import{createPortal as n}from"react-dom";import{motion as m}from"framer-motion";import{cn as s}from"../../../../../../../shared/utils/cn.js";import{Icon as f}from"../../../../../../../shared/ui/icon/Icon.js";const w=({categories:r,...o})=>n(t(m.div,{...o,layout:!0,initial:{opacity:0},animate:{opacity:1},transition:{duration:.2},className:s("absolute z-20 w-full bg-color-white",'after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]'),children:t("div",{className:"mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10",children:r.map(e=>{const i=e.link?"a":"p";return l("div",{className:"flex flex-col gap-y-6",children:[e.title&&l(i,{href:e.link?.href??void 0,className:"flex items-center gap-x-1 text-16 uppercase text-color-primary-default",children:[e.title,t(f,{name:"arrows/arrowLink",className:"size-6"})]}),t("ul",{className:"w-[328px]",children:e.children.map(a=>t("li",{className:"w-full [&:not(:last-child)]:mb-4",children:t("a",{href:a.link?.href,target:a.link?.target,className:"w-full text-16",children:a.title})},a.title))})]},e.title)})})}),document.body.querySelector("#modal-preview")?.contentDocument?.body??document.body);export{w as TabContent};
 //# sourceMappingURL=TabContent.js.map

package/dist/lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabContent.js","sources":["../../../../../../../../../lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.tsx"],"sourcesContent":["import { createPortal } from 'react-dom'\nimport { motion } from 'framer-motion'\nimport type { Category } from '../../../../../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype TabContentProps = React.ComponentProps<typeof motion.div> & {\n categories: Category[]\n}\n\nexport const TabContent = ({ categories, ...props }: TabContentProps) => {\n return createPortal(\n <motion.div\n {...props}\n layout\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n transition={{ duration: 0.2 }}\n className={cn(\n 'absolute z-20 w-full bg-color-white',\n 'after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[\"\"] after:desktop:max-w-[1140px]'\n )}\n >\n <div className='mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10'>\n {categories.map((category) => {\n const CategoryTitle = category.link ? 'a' : 'p'\n\n return (\n <div key={category.title} className='flex flex-col gap-y-6'>\n {category.title && (\n <CategoryTitle\n href={category.link?.href ?? undefined}\n className='flex items-center gap-x-1 text-16 uppercase text-color-primary-default'\n >\n {category.title}\n\n <Icon name='arrows/arrowLink' className='size-6' />\n </CategoryTitle>\n )}\n <ul className='w-[328px]'>\n {category.children.map((child) => (\n <li key={child.title} className='w-full [&:not(:last-child)]:mb-4'>\n <a href={child.link?.href} target={child.link?.target} className='w-full text-16'>\n {child.title}\n </a>\n </li>\n ))}\n </ul>\n </div>\n )\n })}\n </div>\n </motion.div>,\n /*\n Нужно для preview, чтобы категории рендерились в iframe\n */\n document.body.querySelector<HTMLIFrameElement>('#modal-preview')?.contentDocument?.body ?? document.body\n )\n}\n"],"names":["TabContent","categories","props","createPortal","jsx","motion","cn","category","CategoryTitle","jsxs","~~_a","~~Icon","child"~~,"_b"~~],"mappings":"~~orGAUO~~,MAAMA,~~GAAa~~,CAAC,CAAE,WAAAC,EAAY,GAAGC,~~KAA6B~~,~~SACvE,OAAOC,~~EACLC,EAACC,EAAO,IAAP,CACE,GAAGH,EACJ,OAAM,GACN,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWI,EACT,sCACA,mMAAA,EAGF,WAAC,MAAA,CAAI,UAAU,wDACZ,SAAAL,EAAW,IAAKM,GAAa,~~OAC5B~~,MAAMC,EAAgBD,EAAS,KAAO,IAAM,IAE5C,OACEE,EAAC,MAAA,CAAyB,UAAU,wBACjC,SAAA,CAAAF,EAAS,OACRE,EAACD,EAAA,CACC,~~OAAME~~,~~EAAAH,~~EAAS,~~OAAT~~,~~YAAAG~~,~~EAAe,OAAQ,~~OAC7B,UAAU,yEAET,SAAA,~~CAAAH~~,EAAS,MAEVH,~~EAACO~~,EAAA,CAAK,KAAK,mBAAmB,UAAU,QAAA,CAAS,CAAA,CAAA,CAAA,~~EAGrDP~~,EAAC,KAAA,CAAG,UAAU,YACX,SAAAG,EAAS,SAAS,~~IAAKK~~,~~GAAA~~,~~SACtB,OAAAR,~~EAAC,KAAA,CAAqB,UAAU,mCAC9B,SAAAA,EAAC,IAAA,CAAE,~~MAAMM~~,~~EAAAE,~~EAAM,~~OAAN~~,~~YAAAF,EAAY,~~KAAM,~~QAAQG~~,~~EAAAD,~~EAAM,~~OAAN~~,~~YAAAC,EAAY,~~OAAQ,UAAU,iBAC9D,~~SAAAD~~,EAAM,KAAA,CACT,CAAA,EAHOA,EAAM,KAIf,~~EACD~~,CAAA,CACH,CAAA,CAAA,~~EAnBQL~~,EAAS,KAoBnB,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,~~IAKFM~~,~~GAAAH,EAAA,~~SAAS,KAAK,cAAiC,gBAAgB,~~IAA/D~~,~~YAAAA~~,~~EAAkE~~,~~kBAAlE,YAAAG,EAAmF,OAAQ,~~SAAS,IAAA~~,CAExG~~"}
1	+ {"version":3,"file":"TabContent.js","sources":["../../../../../../../../../lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.tsx"],"sourcesContent":["import { createPortal } from 'react-dom'\nimport { motion } from 'framer-motion'\nimport type { Category } from '../../../../../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype TabContentProps = React.ComponentProps<typeof motion.div> & {\n categories: Category[]\n}\n\nexport const TabContent = ({ categories, ...props }: TabContentProps) => {\n return createPortal(\n <motion.div\n {...props}\n layout\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n transition={{ duration: 0.2 }}\n className={cn(\n 'absolute z-20 w-full bg-color-white',\n 'after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[\"\"] after:desktop:max-w-[1140px]'\n )}\n >\n <div className='mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10'>\n {categories.map((category) => {\n const CategoryTitle = category.link ? 'a' : 'p'\n\n return (\n <div key={category.title} className='flex flex-col gap-y-6'>\n {category.title && (\n <CategoryTitle\n href={category.link?.href ?? undefined}\n className='flex items-center gap-x-1 text-16 uppercase text-color-primary-default'\n >\n {category.title}\n\n <Icon name='arrows/arrowLink' className='size-6' />\n </CategoryTitle>\n )}\n <ul className='w-[328px]'>\n {category.children.map((child) => (\n <li key={child.title} className='w-full [&:not(:last-child)]:mb-4'>\n <a href={child.link?.href} target={child.link?.target} className='w-full text-16'>\n {child.title}\n </a>\n </li>\n ))}\n </ul>\n </div>\n )\n })}\n </div>\n </motion.div>,\n /*\n Нужно для preview, чтобы категории рендерились в iframe\n */\n document.body.querySelector<HTMLIFrameElement>('#modal-preview')?.contentDocument?.body ?? document.body\n )\n}\n"],"names":["TabContent","categories","props","createPortal","jsx","motion","cn","category","CategoryTitle","jsxs","Icon","child"],"mappings":"kQAUO,MAAMA,EAAa,CAAC,CAAE,WAAAC,EAAY,GAAGC,KACnCC,EACLC,EAACC,EAAO,IAAP,CACE,GAAGH,EACJ,OAAM,GACN,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWI,EACT,sCACA,mMAAA,EAGF,WAAC,MAAA,CAAI,UAAU,wDACZ,SAAAL,EAAW,IAAKM,GAAa,CAC5B,MAAMC,EAAgBD,EAAS,KAAO,IAAM,IAE5C,OACEE,EAAC,MAAA,CAAyB,UAAU,wBACjC,SAAA,CAAAF,EAAS,OACRE,EAACD,EAAA,CACC,KAAMD,EAAS,MAAM,MAAQ,OAC7B,UAAU,yEAET,SAAA,CAAAA,EAAS,MAEVH,EAACM,EAAA,CAAK,KAAK,mBAAmB,UAAU,QAAA,CAAS,CAAA,CAAA,CAAA,EAGrDN,EAAC,KAAA,CAAG,UAAU,YACX,SAAAG,EAAS,SAAS,IAAKI,GACtBP,EAAC,KAAA,CAAqB,UAAU,mCAC9B,SAAAA,EAAC,IAAA,CAAE,KAAMO,EAAM,MAAM,KAAM,OAAQA,EAAM,MAAM,OAAQ,UAAU,iBAC9D,SAAAA,EAAM,KAAA,CACT,CAAA,EAHOA,EAAM,KAIf,CACD,CAAA,CACH,CAAA,CAAA,EAnBQJ,EAAS,KAoBnB,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,EAKF,SAAS,KAAK,cAAiC,gBAAgB,GAAG,iBAAiB,MAAQ,SAAS,IAAA"}

package/dist/lib/widgets/seoHeader/ui/mobile/CategoriesMobile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as o}from"react/jsx-runtime";import{useRef as d,useState as b}from"react";import{createPortal as f}from"react-dom";import{Menu as g}from"./menu/Menu.js";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import"uuid";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";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 n}from"../../../../shared/ui/icon/Icon.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const wo=({categories:l,helpers:a,phone:s})=>{var i,m,p;const e=d(null),t=(i=e.current)==null?void 0:i.getBoundingClientRect(),[r,c]=b(!1);return u("div",{ref:e,className:"relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden",children:[o(n,{name:"brandLogos/logoMain",className:"w-[130px]"}),o("button",{"aria-label":"Open menu",type:"button",onClick:()=>c(!r),className:"h-max w-max",children:o(n,{name:r?"general/close":"general/menu",className:"size-6 text-color-primary-default"})}),r&&f(o(g,{categories:l,helpers:a,phone:s,style:{top:t?t.top+t.height:0}}),((p=(m=document.body.querySelector("#modal-preview"))==null?void 0:m.contentDocument)==null?void 0:p.body)??document.body)]})};export{wo as CategoriesMobile};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useRef as m,useState as p}from"react";import{createPortal as u}from"react-dom";import{Menu as d}from"./menu/Menu.js";import{Icon as r}from"../../../../shared/ui/icon/Icon.js";const w=({categories:l,helpers:a,phone:s})=>{const n=m(null),o=n.current?.getBoundingClientRect(),[t,c]=p(!1);return i("div",{ref:n,className:"relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden",children:[e(r,{name:"brandLogos/logoMain",className:"w-[130px]"}),e("button",{"aria-label":"Open menu",type:"button",onClick:()=>c(!t),className:"h-max w-max",children:e(r,{name:t?"general/close":"general/menu",className:"size-6 text-color-primary-default"})}),t&&u(e(d,{categories:l,helpers:a,phone:s,style:{top:o?o.top+o.height:0}}),document.body.querySelector("#modal-preview")?.contentDocument?.body??document.body)]})};export{w as CategoriesMobile};
 //# sourceMappingURL=CategoriesMobile.js.map

package/dist/lib/widgets/seoHeader/ui/mobile/CategoriesMobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CategoriesMobile.js","sources":["../../../../../../lib/widgets/seoHeader/ui/mobile/CategoriesMobile.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport type { Category, SeoHeaderHelpers } from '../../model'\nimport { Menu } from './menu'\nimport { Icon } from '$/shared/ui'\n\ntype CategoriesMobileProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nexport const CategoriesMobile = ({ categories, helpers, phone }: CategoriesMobileProps) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const containerClientRect = containerRef.current?.getBoundingClientRect()\n\n const [open, setOpen] = useState<boolean>(false)\n\n const onOpenToggle = () => setOpen(!open)\n\n return (\n <div\n ref={containerRef}\n className='relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden'\n >\n <Icon name='brandLogos/logoMain' className='w-[130px]' />\n <button aria-label='Open menu' type='button' onClick={onOpenToggle} className='h-max w-max'>\n <Icon name={open ? 'general/close' : 'general/menu'} className='size-6 text-color-primary-default' />\n </button>\n\n {open &&\n createPortal(\n <Menu\n categories={categories}\n helpers={helpers}\n phone={phone}\n style={{ top: containerClientRect ? containerClientRect.top + containerClientRect.height : 0 }}\n />,\n /*\n Нужно для preview, чтобы категории рендерились в iframe\n */\n document.body.querySelector<HTMLIFrameElement>('#modal-preview')?.contentDocument?.body ?? document.body\n )}\n </div>\n )\n}\n"],"names":["CategoriesMobile","categories","helpers","phone","containerRef","useRef","containerClientRect","~~_a","~~open","setOpen","useState","jsxs","jsx","Icon","createPortal","Menu"~~,"_c","_b"~~],"mappings":"~~u4FAYO~~,MAAMA,~~GAAmB~~,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAmC,~~WACzF~~,MAAMC,EAAeC,EAAuB,IAAI,EAC1CC,~~GAAsBC~~,~~EAAAH,~~EAAa,~~UAAb~~,~~YAAAG~~,~~EAAsB~~,~~wBAE5C~~,~~CAACC,~~EAAMC,CAAO,EAAIC,EAAkB,EAAK,EAI/C,OACEC,EAAC,MAAA,CACC,~~IAAKP~~,EACL,UAAU,wGAEV,SAAA,~~CAAAQ~~,EAACC,EAAA,CAAK,KAAK,sBAAsB,UAAU,YAAY,IACtD,SAAA,CAAO,aAAW,YAAY,KAAK,SAAS,QAR5B,IAAMJ,EAAQ,CAACD,CAAI,EAQgC,UAAU,cAC5E,SAAAI,EAACC,GAAK,KAAML,EAAO,gBAAkB,eAAgB,UAAU,oCAAoC,EACrG,EAECA,GACCM,EACEF,EAACG,EAAA,CACC,~~WAAAd~~,EACA,QAAAC,EACA,MAAAC,EACA,MAAO,CAAE,IAAKG,EAAsBA,EAAoB,IAAMA,EAAoB,OAAS,CAAA,CAAE,CAAA,~~IAK~~/FU,~~GAAAC,EAAA,~~SAAS,KAAK,cAAiC,gBAAgB,~~IAA/D~~,~~YAAAA~~,~~EAAkE~~,~~kBAAlE,YAAAD,EAAmF,OAAQ,~~SAAS,IAAA,CACtG,CAAA,CAAA,CAGR"}
1	+ {"version":3,"file":"CategoriesMobile.js","sources":["../../../../../../lib/widgets/seoHeader/ui/mobile/CategoriesMobile.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport type { Category, SeoHeaderHelpers } from '../../model'\nimport { Menu } from './menu'\nimport { Icon } from '$/shared/ui'\n\ntype CategoriesMobileProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nexport const CategoriesMobile = ({ categories, helpers, phone }: CategoriesMobileProps) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const containerClientRect = containerRef.current?.getBoundingClientRect()\n\n const [open, setOpen] = useState<boolean>(false)\n\n const onOpenToggle = () => setOpen(!open)\n\n return (\n <div\n ref={containerRef}\n className='relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden'\n >\n <Icon name='brandLogos/logoMain' className='w-[130px]' />\n <button aria-label='Open menu' type='button' onClick={onOpenToggle} className='h-max w-max'>\n <Icon name={open ? 'general/close' : 'general/menu'} className='size-6 text-color-primary-default' />\n </button>\n\n {open &&\n createPortal(\n <Menu\n categories={categories}\n helpers={helpers}\n phone={phone}\n style={{ top: containerClientRect ? containerClientRect.top + containerClientRect.height : 0 }}\n />,\n /*\n Нужно для preview, чтобы категории рендерились в iframe\n */\n document.body.querySelector<HTMLIFrameElement>('#modal-preview')?.contentDocument?.body ?? document.body\n )}\n </div>\n )\n}\n"],"names":["CategoriesMobile","categories","helpers","phone","containerRef","useRef","containerClientRect","open","setOpen","useState","jsxs","jsx","Icon","createPortal","Menu"],"mappings":"wOAYO,MAAMA,EAAmB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAmC,CACzF,MAAMC,EAAeC,EAAuB,IAAI,EAC1CC,EAAsBF,EAAa,SAAS,sBAAA,EAE5C,CAACG,EAAMC,CAAO,EAAIC,EAAkB,EAAK,EAI/C,OACEC,EAAC,MAAA,CACC,IAAKN,EACL,UAAU,wGAEV,SAAA,CAAAO,EAACC,EAAA,CAAK,KAAK,sBAAsB,UAAU,YAAY,IACtD,SAAA,CAAO,aAAW,YAAY,KAAK,SAAS,QAR5B,IAAMJ,EAAQ,CAACD,CAAI,EAQgC,UAAU,cAC5E,SAAAI,EAACC,GAAK,KAAML,EAAO,gBAAkB,eAAgB,UAAU,oCAAoC,EACrG,EAECA,GACCM,EACEF,EAACG,EAAA,CACC,WAAAb,EACA,QAAAC,EACA,MAAAC,EACA,MAAO,CAAE,IAAKG,EAAsBA,EAAoB,IAAMA,EAAoB,OAAS,CAAA,CAAE,CAAA,EAK/F,SAAS,KAAK,cAAiC,gBAAgB,GAAG,iBAAiB,MAAQ,SAAS,IAAA,CACtG,CAAA,CAAA,CAGR"}

package/dist/lib/widgets/seoHeader/ui/mobile/menu/Menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as i}from"react/jsx-runtime";import{useState as h,useMemo as w}from"react";import{motion as y}from"framer-motion";import{MenuItem as N}from"./MenuItem.js";import{cn as v}from"../../../../../shared/utils/cn.js";import{TypeGuards as p}from"../../../../../shared/utils/typeGuards.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"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";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 s}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{Combobox as g}from"../../../../../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"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const b=r=>r.map(m=>({value:m.title??"",label:m.title??""})),St=({categories:r,helpers:m,phone:a,...f})=>{const n=b(r),[o,u]=h(n[0]),d=t=>{p.isUndefined(t)||p.isArray(t)||u(t)},x=w(()=>{var t;return o?((t=r.find(e=>e.title===o.value))==null?void 0:t.children)??[]:[]},[o,r]);return l(y.div,{...f,className:v("absolute z-10 w-full max-w-[calc(636px-32px)]","absolute left-1/2 top-full bg-color-white p-4","-translate-x-1/2 overflow-x-hidden","flex flex-col items-center justify-center gap-y-4"),initial:{opacity:0},animate:{opacity:1},children:[i(g,{multiple:!1,label:"Категория",options:n,value:o,onChange:d}),i("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:x.map(t=>{var e;return p.isArrayEmpty(t.children)?i("div",{className:"w-full px-4 py-2.5",children:i("a",{href:(e=t.link)==null?void 0:e.href,className:"desk-body-regular-m inline-block w-full",children:t.title})},t.title):i(N,{category:t},t.title)})}),i("div",{className:"h-[1px] w-full bg-color-blue-grey-200"}),l("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:[m.map(t=>{var e,c;return i("div",{className:"w-full px-4 py-2.5",children:l("a",{href:(e=t.link)==null?void 0:e.href,className:"flex w-full items-center gap-x-1",children:[((c=t.link)==null?void 0:c.icon)&&i(s,{name:t.link.icon,className:"size-4"}),t.title]})},t.title)}),i("div",{className:"w-full px-4 py-2.5",children:l("a",{href:`tel:${a}`,className:"flex w-full items-center gap-x-1",children:[i(s,{name:"communication/phone",className:"size-4"}),a]})})]})]})};export{St as Menu};
+import{jsxs as n,jsx as l}from"react/jsx-runtime";import{useState as p,useMemo as x}from"react";import{motion as h}from"framer-motion";import{MenuItem as w}from"./MenuItem.js";import{cn as y}from"../../../../../shared/utils/cn.js";import{TypeGuards as r}from"../../../../../shared/utils/typeGuards.js";import{Combobox as N}from"../../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import{Icon as m}from"../../../../../shared/ui/icon/Icon.js";const v=t=>t.map(i=>({value:i.title??"",label:i.title??""})),C=({categories:t,helpers:i,phone:c,...o})=>{const s=v(t),[a,f]=p(s[0]),u=e=>{r.isUndefined(e)||r.isArray(e)||f(e)},d=x(()=>a?t.find(e=>e.title===a.value)?.children??[]:[],[a,t]);return n(h.div,{...o,className:y("absolute z-10 w-full max-w-[calc(636px-32px)]","absolute left-1/2 top-full bg-color-white p-4","-translate-x-1/2 overflow-x-hidden","flex flex-col items-center justify-center gap-y-4"),initial:{opacity:0},animate:{opacity:1},children:[l(N,{multiple:!1,label:"Категория",options:s,value:a,onChange:u}),l("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:d.map(e=>r.isArrayEmpty(e.children)?l("div",{className:"w-full px-4 py-2.5",children:l("a",{href:e.link?.href,className:"desk-body-regular-m inline-block w-full",children:e.title})},e.title):l(w,{category:e},e.title))}),l("div",{className:"h-[1px] w-full bg-color-blue-grey-200"}),n("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:[i.map(e=>l("div",{className:"w-full px-4 py-2.5",children:n("a",{href:e.link?.href,className:"flex w-full items-center gap-x-1",children:[e.link?.icon&&l(m,{name:e.link.icon,className:"size-4"}),e.title]})},e.title)),l("div",{className:"w-full px-4 py-2.5",children:n("a",{href:`tel:${c}`,className:"flex w-full items-center gap-x-1",children:[l(m,{name:"communication/phone",className:"size-4"}),c]})})]})]})};export{C as Menu};
 //# sourceMappingURL=Menu.js.map

package/dist/lib/widgets/seoHeader/ui/mobile/menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/mobile/menu/Menu.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { motion } from 'framer-motion'\nimport type { Category, SeoHeaderHelpers } from '../../../model'\nimport { MenuItem } from './MenuItem'\nimport { Combobox, type ComboboxItemOption, type ComboboxValue, Icon } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type MenuProps = React.ComponentProps<typeof motion.div> & {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nconst getSelectCategories = (categories: Category[]): ComboboxItemOption[] =>\n categories.map((category) => ({\n value: category.title ?? '',\n label: category.title ?? ''\n }))\n\nexport const Menu = ({ categories, helpers, phone, ...props }: MenuProps) => {\n const selectCategories = getSelectCategories(categories)\n\n const [selected, setSelected] = useState<ComboboxValue<false>>(selectCategories[0])\n\n const onCategoryChange = (option?: ComboboxValue<false>) => {\n if (TypeGuards.isUndefined(option) \|\| TypeGuards.isArray(option)) return\n\n setSelected(option)\n }\n\n const selectedSubCategories = useMemo<Category[]>(() => {\n if (!selected) return []\n\n return categories.find((category) => category.title === selected.value)?.children ?? []\n }, [selected, categories])\n\n return (\n <motion.div\n {...props}\n className={cn(\n 'absolute z-10 w-full max-w-[calc(636px-32px)]',\n 'absolute left-1/2 top-full bg-color-white p-4',\n '-translate-x-1/2 overflow-x-hidden',\n 'flex flex-col items-center justify-center gap-y-4'\n )}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n >\n <Combobox multiple={false} label='Категория' options={selectCategories} value={selected} onChange={onCategoryChange} />\n <div className='flex w-full flex-col items-center justify-center gap-y-1'>\n {selectedSubCategories.map((subCategory) => {\n if (TypeGuards.isArrayEmpty(subCategory.children)) {\n return (\n <div key={subCategory.title} className='w-full px-4 py-2.5'>\n <a href={subCategory.link?.href} className='desk-body-regular-m inline-block w-full'>\n {subCategory.title}\n </a>\n </div>\n )\n }\n\n return <MenuItem key={subCategory.title} category={subCategory} />\n })}\n </div>\n <div className='h-[1px] w-full bg-color-blue-grey-200' />\n <div className='flex w-full flex-col items-center justify-center gap-y-1'>\n {helpers.map((helper) => (\n <div key={helper.title} className='w-full px-4 py-2.5'>\n <a href={helper.link?.href} className='flex w-full items-center gap-x-1'>\n {helper.link?.icon && <Icon name={helper.link.icon} className='size-4' />}\n {helper.title}\n </a>\n </div>\n ))}\n <div className='w-full px-4 py-2.5'>\n <a href={`tel:${phone}`} className='flex w-full items-center gap-x-1'>\n <Icon name='communication/phone' className='size-4' />\n {phone}\n </a>\n </div>\n </div>\n </motion.div>\n )\n}\n"],"names":["getSelectCategories","categories","category","Menu","helpers","phone","props","selectCategories","selected","setSelected","useState","onCategoryChange","option","TypeGuards","selectedSubCategories","useMemo","~~_a","~~jsxs","motion","cn","jsx","Combobox","subCategory","MenuItem","helper","~~_b","~~Icon"],"mappings":"~~wmGAaA~~,MAAMA,EAAuBC,GAC3BA,EAAW,IAAKC,IAAc,CAC5B,MAAOA,EAAS,OAAS,GACzB,MAAOA,EAAS,OAAS,EAC3B,EAAE,EAESC,~~GAAO~~,CAAC,CAAE,WAAAF,EAAY,QAAAG,EAAS,MAAAC,EAAO,GAAGC,KAAuB,CAC3E,MAAMC,EAAmBP,EAAoBC,CAAU,EAEjD,CAACO,EAAUC,CAAW,EAAIC,EAA+BH,EAAiB,CAAC,CAAC,EAE5EI,EAAoBC,GAAkC,CACtDC,EAAW,YAAYD,CAAM,GAAKC,EAAW,QAAQD,CAAM,GAE/DH,EAAYG,CAAM,CACpB,EAEME,EAAwBC,EAAoB,~~IAAM~~,~~OACtD~~,~~OAAKP,IAEEQ,EAAAf,~~EAAW,KAAMC,GAAaA,EAAS,QAAUM,EAAS,KAAK,~~IAA/D~~,~~YAAAQ~~,~~EAAkE,WAAY,~~CAAA,EAF/D,CAAA,~~CAGxB~~,~~EAAG~~,~~CAACR,~~EAAUP,CAAU,CAAC,EAEzB,~~OACEgB~~,EAACC,EAAO,IAAP,CACE,~~GAAGZ~~,EACJ,~~UAAWa~~,EACT,gDACA,gDACA,qCACA,mDAAA,EAEF,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EAEpB,SAAA,CAAAC,EAACC,EAAA,CAAS,SAAU,GAAO,MAAM,YAAY,~~QAASd~~,EAAkB,MAAOC,EAAU,SAAUG,CAAA,CAAkB,IACpH,MAAA,CAAI,UAAU,2DACZ,SAAAG,EAAsB,~~IAAKQ~~,~~GAAgB~~,~~OAC1C,OAAIT,~~EAAW,~~aAAaS~~,EAAY,QAAQ,IAE3C,MAAA,CAA4B,UAAU,qBACrC,SAAAF,EAAC,KAAE,~~MAAMJ~~,~~EAAAM,~~EAAY,~~OAAZ~~,~~YAAAN,EAAkB,~~KAAM,UAAU,0CACxC,~~SAAAM~~,EAAY,MACf,CAAA,EAHQA,EAAY,KAItB,EAIGF,EAACG,EAAA,CAAiC,SAAUD,CAAA,EAA7BA,EAAY,KAA8B,~~CAClE~~,~~CAAC,~~CAAA,CACH,EACAF,EAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EACvDH,EAAC,MAAA,CAAI,UAAU,2DACZ,SAAA,~~CAAAb~~,EAAQ,~~IAAKoB~~,~~GAAA~~,~~SACZ,OAAAJ,~~EAAC,OAAuB,UAAU,qBAChC,SAAAH,EAAC,IAAA,CAAE,~~MAAMD~~,~~EAAAQ,~~EAAO,~~OAAP~~,~~YAAAR,EAAa,~~KAAM,UAAU,mCACnC,SAAA,~~GAAAS~~,~~EAAAD,~~EAAO,~~OAAP~~,~~YAAAC~~,~~EAAa~~,~~OAAQL,EAACM,~~EAAA,CAAK,~~KAAMF~~,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACtEA,EAAO,KAAA,CAAA,CACV,CAAA,EAJQA,EAAO,KAKjB,~~EACD~~,EACDJ,EAAC,MAAA,CAAI,UAAU,qBACb,SAAAH,EAAC,IAAA,CAAE,KAAM,~~OAAOZ~~,CAAK,GAAI,UAAU,mCACjC,SAAA,~~CAAAe~~,~~EAACM~~,EAAA,CAAK,KAAK,sBAAsB,UAAU,SAAS,~~EACnDrB~~,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/mobile/menu/Menu.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { motion } from 'framer-motion'\nimport type { Category, SeoHeaderHelpers } from '../../../model'\nimport { MenuItem } from './MenuItem'\nimport { Combobox, type ComboboxItemOption, type ComboboxValue, Icon } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type MenuProps = React.ComponentProps<typeof motion.div> & {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nconst getSelectCategories = (categories: Category[]): ComboboxItemOption[] =>\n categories.map((category) => ({\n value: category.title ?? '',\n label: category.title ?? ''\n }))\n\nexport const Menu = ({ categories, helpers, phone, ...props }: MenuProps) => {\n const selectCategories = getSelectCategories(categories)\n\n const [selected, setSelected] = useState<ComboboxValue<false>>(selectCategories[0])\n\n const onCategoryChange = (option?: ComboboxValue<false>) => {\n if (TypeGuards.isUndefined(option) \|\| TypeGuards.isArray(option)) return\n\n setSelected(option)\n }\n\n const selectedSubCategories = useMemo<Category[]>(() => {\n if (!selected) return []\n\n return categories.find((category) => category.title === selected.value)?.children ?? []\n }, [selected, categories])\n\n return (\n <motion.div\n {...props}\n className={cn(\n 'absolute z-10 w-full max-w-[calc(636px-32px)]',\n 'absolute left-1/2 top-full bg-color-white p-4',\n '-translate-x-1/2 overflow-x-hidden',\n 'flex flex-col items-center justify-center gap-y-4'\n )}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n >\n <Combobox multiple={false} label='Категория' options={selectCategories} value={selected} onChange={onCategoryChange} />\n <div className='flex w-full flex-col items-center justify-center gap-y-1'>\n {selectedSubCategories.map((subCategory) => {\n if (TypeGuards.isArrayEmpty(subCategory.children)) {\n return (\n <div key={subCategory.title} className='w-full px-4 py-2.5'>\n <a href={subCategory.link?.href} className='desk-body-regular-m inline-block w-full'>\n {subCategory.title}\n </a>\n </div>\n )\n }\n\n return <MenuItem key={subCategory.title} category={subCategory} />\n })}\n </div>\n <div className='h-[1px] w-full bg-color-blue-grey-200' />\n <div className='flex w-full flex-col items-center justify-center gap-y-1'>\n {helpers.map((helper) => (\n <div key={helper.title} className='w-full px-4 py-2.5'>\n <a href={helper.link?.href} className='flex w-full items-center gap-x-1'>\n {helper.link?.icon && <Icon name={helper.link.icon} className='size-4' />}\n {helper.title}\n </a>\n </div>\n ))}\n <div className='w-full px-4 py-2.5'>\n <a href={`tel:${phone}`} className='flex w-full items-center gap-x-1'>\n <Icon name='communication/phone' className='size-4' />\n {phone}\n </a>\n </div>\n </div>\n </motion.div>\n )\n}\n"],"names":["getSelectCategories","categories","category","Menu","helpers","phone","props","selectCategories","selected","setSelected","useState","onCategoryChange","option","TypeGuards","selectedSubCategories","useMemo","jsxs","motion","cn","jsx","Combobox","subCategory","MenuItem","helper","Icon"],"mappings":"8cAaA,MAAMA,EAAuBC,GAC3BA,EAAW,IAAKC,IAAc,CAC5B,MAAOA,EAAS,OAAS,GACzB,MAAOA,EAAS,OAAS,EAC3B,EAAE,EAESC,EAAO,CAAC,CAAE,WAAAF,EAAY,QAAAG,EAAS,MAAAC,EAAO,GAAGC,KAAuB,CAC3E,MAAMC,EAAmBP,EAAoBC,CAAU,EAEjD,CAACO,EAAUC,CAAW,EAAIC,EAA+BH,EAAiB,CAAC,CAAC,EAE5EI,EAAoBC,GAAkC,CACtDC,EAAW,YAAYD,CAAM,GAAKC,EAAW,QAAQD,CAAM,GAE/DH,EAAYG,CAAM,CACpB,EAEME,EAAwBC,EAAoB,IAC3CP,EAEEP,EAAW,KAAMC,GAAaA,EAAS,QAAUM,EAAS,KAAK,GAAG,UAAY,CAAA,EAF/D,CAAA,EAGrB,CAACA,EAAUP,CAAU,CAAC,EAEzB,OACEe,EAACC,EAAO,IAAP,CACE,GAAGX,EACJ,UAAWY,EACT,gDACA,gDACA,qCACA,mDAAA,EAEF,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EAEpB,SAAA,CAAAC,EAACC,EAAA,CAAS,SAAU,GAAO,MAAM,YAAY,QAASb,EAAkB,MAAOC,EAAU,SAAUG,CAAA,CAAkB,IACpH,MAAA,CAAI,UAAU,2DACZ,SAAAG,EAAsB,IAAKO,GACtBR,EAAW,aAAaQ,EAAY,QAAQ,IAE3C,MAAA,CAA4B,UAAU,qBACrC,SAAAF,EAAC,KAAE,KAAME,EAAY,MAAM,KAAM,UAAU,0CACxC,SAAAA,EAAY,MACf,CAAA,EAHQA,EAAY,KAItB,EAIGF,EAACG,EAAA,CAAiC,SAAUD,CAAA,EAA7BA,EAAY,KAA8B,CACjE,CAAA,CACH,EACAF,EAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EACvDH,EAAC,MAAA,CAAI,UAAU,2DACZ,SAAA,CAAAZ,EAAQ,IAAKmB,GACZJ,EAAC,OAAuB,UAAU,qBAChC,SAAAH,EAAC,IAAA,CAAE,KAAMO,EAAO,MAAM,KAAM,UAAU,mCACnC,SAAA,CAAAA,EAAO,MAAM,MAAQJ,EAACK,EAAA,CAAK,KAAMD,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACtEA,EAAO,KAAA,CAAA,CACV,CAAA,EAJQA,EAAO,KAKjB,CACD,EACDJ,EAAC,MAAA,CAAI,UAAU,qBACb,SAAAH,EAAC,IAAA,CAAE,KAAM,OAAOX,CAAK,GAAI,UAAU,mCACjC,SAAA,CAAAc,EAACK,EAAA,CAAK,KAAK,sBAAsB,UAAU,SAAS,EACnDnB,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/lib/widgets/seoHeader/ui/mobile/menu/MenuItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as l}from"react/jsx-runtime";import{cn as n}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{Accordion as s}from"../../../../../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{Icon as a}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"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const ft=({category:o})=>t(s,{label:o.title??"",icon:t(a,{name:"arrows/arrowRight",className:"-rotate-90"}),classes:{root:"w-full",header:{trigger:"py-2 data-[open=false]:bg-color-white",label:"desk-body-regular-m"},content:n("relative",'after:content-"" after:absolute after:w-[calc(100%-32px)]',"after:bottom-0 after:left-1/2 after:-translate-x-1/2","after:h-[1px] after:bg-color-blue-grey-200")},children:t("div",{className:"flex flex-col items-start justify-center gap-y-4",children:o.children.map(r=>{var e;const m=!!r.link;return l("ul",{className:"w-full list-none p-0",children:[l(m?"a":"p",{href:m?(e=r.link)==null?void 0:e.href:void 0,className:"mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",children:[r.title,t(a,{name:"arrows/arrowLink"})]}),r.children.map(i=>{var p;return t("li",{className:"inline-block w-full [&:not(:last-child)]:mb-3",children:t("a",{href:(p=i.link)==null?void 0:p.href,className:"w-full",children:i.title})},i.title)})]},r.title)})})},o.title);export{ft as MenuItem};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{cn as n}from"../../../../../shared/utils/cn.js";import{Accordion as s}from"../../../../../shared/ui/accordion/Accordion.js";import{Icon as i}from"../../../../../shared/ui/icon/Icon.js";const x=({category:l})=>e(s,{label:l.title??"",icon:e(i,{name:"arrows/arrowRight",className:"-rotate-90"}),classes:{root:"w-full",header:{trigger:"py-2 data-[open=false]:bg-color-white",label:"desk-body-regular-m"},content:n("relative",'after:content-"" after:absolute after:w-[calc(100%-32px)]',"after:bottom-0 after:left-1/2 after:-translate-x-1/2","after:h-[1px] after:bg-color-blue-grey-200")},children:e("div",{className:"flex flex-col items-start justify-center gap-y-4",children:l.children.map(t=>{const a=!!t.link;return o("ul",{className:"w-full list-none p-0",children:[o(a?"a":"p",{href:a?t.link?.href:void 0,className:"mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",children:[t.title,e(i,{name:"arrows/arrowLink"})]}),t.children.map(r=>e("li",{className:"inline-block w-full [&:not(:last-child)]:mb-3",children:e("a",{href:r.link?.href,className:"w-full",children:r.title})},r.title))]},t.title)})})},l.title);export{x as MenuItem};
 //# sourceMappingURL=MenuItem.js.map

package/dist/lib/widgets/seoHeader/ui/mobile/menu/MenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/mobile/menu/MenuItem.tsx"],"sourcesContent":["import { type Category } from '../../../model'\nimport { Accordion, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype MenuItemProps = {\n category: Category\n}\n\nexport const MenuItem = ({ category }: MenuItemProps) => (\n <Accordion\n key={category.title}\n label={category.title ?? ''}\n icon={<Icon name='arrows/arrowRight' className='-rotate-90' />}\n classes={{\n root: 'w-full',\n header: {\n trigger: 'py-2 data-[open=false]:bg-color-white',\n label: 'desk-body-regular-m'\n },\n content: cn(\n 'relative',\n 'after:content-\"\" after:absolute after:w-[calc(100%-32px)]',\n 'after:bottom-0 after:left-1/2 after:-translate-x-1/2',\n 'after:h-[1px] after:bg-color-blue-grey-200'\n )\n }}\n >\n <div className='flex flex-col items-start justify-center gap-y-4'>\n {category.children.map((child) => {\n const isLink = Boolean(child.link)\n const Title = isLink ? 'a' : 'p'\n\n return (\n <ul key={child.title} className='w-full list-none p-0'>\n <Title\n href={isLink ? child.link?.href : undefined}\n className='mb-3 flex items-center gap-x-1 text-16 text-color-primary-default'\n >\n {child.title}\n <Icon name='arrows/arrowLink' />\n </Title>\n {child.children.map((innerChild) => (\n <li key={innerChild.title} className='inline-block w-full [&:not(:last-child)]:mb-3'>\n <a href={innerChild.link?.href} className='w-full'>\n {innerChild.title}\n </a>\n </li>\n ))}\n </ul>\n )\n })}\n </div>\n </Accordion>\n)\n"],"names":["MenuItem","category","jsx","Accordion","Icon","cn","child","isLink","jsxs","~~_a","~~innerChild"],"mappings":"~~w8FAQO~~,MAAMA,~~GAAW~~,CAAC,CAAE,SAAAC,CAAA,IACzBC,EAACC,EAAA,CAEC,MAAOF,EAAS,OAAS,GACzB,KAAMC,EAACE,EAAA,CAAK,KAAK,oBAAoB,UAAU,aAAa,EAC5D,QAAS,CACP,KAAM,SACN,OAAQ,CACN,QAAS,wCACT,MAAO,qBAAA,EAET,QAASC,EACP,WACA,4DACA,uDACA,4CAAA,CACF,EAGF,SAAAH,EAAC,OAAI,UAAU,mDACZ,WAAS,SAAS,IAAKI,GAAU,~~OAChC~~,MAAMC,EAAS,EAAQD,EAAM,KAG7B,OACEE,EAAC,KAAA,CAAqB,UAAU,uBAC9B,SAAA,CAAAA,EAJUD,EAAS,IAAM,IAIxB,CACC,KAAMA,~~GAASE~~,~~EAAAH,~~EAAM,~~OAAN~~,~~YAAAG,EAAY,~~KAAO,OAClC,UAAU,oEAET,SAAA,~~CAAAH~~,EAAM,MACPJ,EAACE,EAAA,CAAK,KAAK,kBAAA,CAAmB,CAAA,CAAA,CAAA,EAE/BE,EAAM,SAAS,~~IAAKI~~,~~UACnB~~,~~OAAAR,~~EAAC,KAAA,CAA0B,UAAU,gDACnC,SAAAA,EAAC,IAAA,CAAE,~~MAAMO~~,~~EAAAC,~~EAAW,~~OAAX~~,~~YAAAD,EAAiB,~~KAAM,UAAU,SACvC,WAAW,KAAA,CACd,~~GAHOC~~,EAAW,KAIpB,~~EACD~~,CAAA,CAAA,~~EAdMJ~~,EAAM,KAef,CAEJ,CAAC,CAAA,CACH,CAAA,EAzCKL,EAAS,KA0ChB"}
1	+ {"version":3,"file":"MenuItem.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/mobile/menu/MenuItem.tsx"],"sourcesContent":["import { type Category } from '../../../model'\nimport { Accordion, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype MenuItemProps = {\n category: Category\n}\n\nexport const MenuItem = ({ category }: MenuItemProps) => (\n <Accordion\n key={category.title}\n label={category.title ?? ''}\n icon={<Icon name='arrows/arrowRight' className='-rotate-90' />}\n classes={{\n root: 'w-full',\n header: {\n trigger: 'py-2 data-[open=false]:bg-color-white',\n label: 'desk-body-regular-m'\n },\n content: cn(\n 'relative',\n 'after:content-\"\" after:absolute after:w-[calc(100%-32px)]',\n 'after:bottom-0 after:left-1/2 after:-translate-x-1/2',\n 'after:h-[1px] after:bg-color-blue-grey-200'\n )\n }}\n >\n <div className='flex flex-col items-start justify-center gap-y-4'>\n {category.children.map((child) => {\n const isLink = Boolean(child.link)\n const Title = isLink ? 'a' : 'p'\n\n return (\n <ul key={child.title} className='w-full list-none p-0'>\n <Title\n href={isLink ? child.link?.href : undefined}\n className='mb-3 flex items-center gap-x-1 text-16 text-color-primary-default'\n >\n {child.title}\n <Icon name='arrows/arrowLink' />\n </Title>\n {child.children.map((innerChild) => (\n <li key={innerChild.title} className='inline-block w-full [&:not(:last-child)]:mb-3'>\n <a href={innerChild.link?.href} className='w-full'>\n {innerChild.title}\n </a>\n </li>\n ))}\n </ul>\n )\n })}\n </div>\n </Accordion>\n)\n"],"names":["MenuItem","category","jsx","Accordion","Icon","cn","child","isLink","jsxs","innerChild"],"mappings":"kPAQO,MAAMA,EAAW,CAAC,CAAE,SAAAC,CAAA,IACzBC,EAACC,EAAA,CAEC,MAAOF,EAAS,OAAS,GACzB,KAAMC,EAACE,EAAA,CAAK,KAAK,oBAAoB,UAAU,aAAa,EAC5D,QAAS,CACP,KAAM,SACN,OAAQ,CACN,QAAS,wCACT,MAAO,qBAAA,EAET,QAASC,EACP,WACA,4DACA,uDACA,4CAAA,CACF,EAGF,SAAAH,EAAC,OAAI,UAAU,mDACZ,WAAS,SAAS,IAAKI,GAAU,CAChC,MAAMC,EAAS,EAAQD,EAAM,KAG7B,OACEE,EAAC,KAAA,CAAqB,UAAU,uBAC9B,SAAA,CAAAA,EAJUD,EAAS,IAAM,IAIxB,CACC,KAAMA,EAASD,EAAM,MAAM,KAAO,OAClC,UAAU,oEAET,SAAA,CAAAA,EAAM,MACPJ,EAACE,EAAA,CAAK,KAAK,kBAAA,CAAmB,CAAA,CAAA,CAAA,EAE/BE,EAAM,SAAS,IAAKG,GACnBP,EAAC,KAAA,CAA0B,UAAU,gDACnC,SAAAA,EAAC,IAAA,CAAE,KAAMO,EAAW,MAAM,KAAM,UAAU,SACvC,WAAW,KAAA,CACd,GAHOA,EAAW,KAIpB,CACD,CAAA,CAAA,EAdMH,EAAM,KAef,CAEJ,CAAC,CAAA,CACH,CAAA,EAzCKL,EAAS,KA0ChB"}

package/dist/lib/widgets/stepper/Stepper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as x}from"react/jsx-runtime";import{useState as u,useMemo as N,createElement as w}from"react";import{widgetIds as h}from"../model/helpers.js";import{SingleStep as v}from"./ui/SingleStep.js";import{StepperCarousel as I}from"./ui/StepperCarousel.js";import{StepperTabs as l}from"./ui/StepperTabs.js";import{ResponsiveContainer as T}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 d}from"../../shared/utils/cn.js";import"uuid";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/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"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Ao=({steppers:t,headline:g,classes:o})=>{var a,f;const n=t&&(t==null?void 0:t.length)>1,[e,b]=u(n?(a=t==null?void 0:t[0])==null?void 0:a.tabName:""),p=N(()=>t==null?void 0:t.map(({tabName:m})=>({tabName:m})),[t]),k=n?p==null?void 0:p.findIndex(m=>m.tabName===e):0,i=t==null?void 0:t[k];return r("section",{id:h.stepper,"data-test-id":h.stepper,className:o==null?void 0:o.root,children:r(T,{className:d(o==null?void 0:o.container,"mobile:max-w-[360px]"),children:x("div",{className:d("flex flex-col gap-6 desktop:items-start desktop:gap-12",o==null?void 0:o.wrapper),children:[r("div",{dangerouslySetInnerHTML:{__html:g},className:d("mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m",o==null?void 0:o.headline)}),x("div",{className:"flex flex-col gap-6 desktop:gap-10",children:[n&&r(l,{stepperTabs:p,activeStepper:e,setActiveStepper:b,classes:o==null?void 0:o.stepperTabs}),i.withImages&&r(I,{classes:o==null?void 0:o.stepperCarousel,currentStepper:i}),r("div",{className:d("flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",o==null?void 0:o.stepsWrapper,{"mobile:hidden":i.withImages}),children:(f=i==null?void 0:i.details)==null?void 0:f.map((m,S)=>w(v,{...m,key:m.description,index:S+1,classes:o==null?void 0:o.step}))})]})]})})},i.tabName)};export{Ao as Stepper,Ao as default};
+import{jsx as o,jsxs as d}from"react/jsx-runtime";import{useState as h,useMemo as b,createElement as g}from"react";import{SingleStep as S}from"./ui/SingleStep.js";import{StepperTabs as u}from"./ui/StepperTabs.js";import{cn as p}from"../../shared/utils/cn.js";import{StepperCarousel as k}from"./ui/StepperCarousel.js";import{widgetIds as l}from"../model/helpers.js";import{ResponsiveContainer as N}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";const _=({steppers:t,headline:n,classes:e})=>{const s=t&&t?.length>1,[i,c]=h(s?t?.[0]?.tabName:""),m=b(()=>t?.map(({tabName:r})=>({tabName:r})),[t]),f=s?m?.findIndex(r=>r.tabName===i):0,a=t?.[f];return o("section",{id:l.stepper,"data-test-id":l.stepper,className:e?.root,children:o(N,{className:p(e?.container,"mobile:max-w-[360px]"),children:d("div",{className:p("flex flex-col gap-6 desktop:items-start desktop:gap-12",e?.wrapper),children:[o("div",{dangerouslySetInnerHTML:{__html:n},className:p("mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m",e?.headline)}),d("div",{className:"flex flex-col gap-6 desktop:gap-10",children:[s&&o(u,{stepperTabs:m,activeStepper:i,setActiveStepper:c,classes:e?.stepperTabs}),a.withImages&&o(k,{classes:e?.stepperCarousel,currentStepper:a}),o("div",{className:p("flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",e?.stepsWrapper,{"mobile:hidden":a.withImages}),children:a?.details?.map((r,x)=>g(S,{...r,key:r.description,index:x+1,classes:e?.step}))})]})]})})},a.tabName)};export{_ as Stepper,_ as default};
 //# sourceMappingURL=Stepper.js.map

package/dist/lib/widgets/stepper/Stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.js","sources":["../../../../lib/widgets/stepper/Stepper.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement, useMemo, useState } from 'react'\nimport { widgetIds } from '../model'\nimport { type SingleStepper } from './model/types'\nimport { StepperCarousel } from './ui'\nimport { SingleStep, type SingleStepClasses } from './ui/SingleStep'\nimport { type StepperCarouselClasses } from './ui/StepperCarousel'\nimport { StepperTabs, type StepperTabsClasses, type StepperTabValue } from './ui/StepperTabs'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type StepperClasses = {\n root?: string\n container?: string\n wrapper?: string\n headline?: string\n stepsWrapper?: string\n step?: SingleStepClasses\n stepperTabs?: StepperTabsClasses\n stepperCarousel?: StepperCarouselClasses\n}\n\nexport interface StepperProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {\n headline: ReactElement \| string\n steppers: SingleStepper<WithImages>[]\n classes?: StepperClasses\n}\n\nexport const Stepper = <WithImages extends boolean>({ steppers, headline, classes }: StepperProps<WithImages>) => {\n const shouldShowTabs = steppers && steppers?.length > 1\n const [activeStepper, setActiveStepper] = useState<StepperTabValue>(shouldShowTabs ? steppers?.[0]?.tabName : '')\n\n const steppersTabs = useMemo(() => steppers?.map(({ tabName }) => ({ tabName })), [steppers])\n\n const currentStepperIndex = shouldShowTabs ? steppersTabs?.findIndex((tab) => tab.tabName === activeStepper) : 0\n const currentStepper = steppers?.[currentStepperIndex]\n\n return (\n <section key={currentStepper.tabName} id={widgetIds.stepper} data-test-id={widgetIds.stepper} className={classes?.root}>\n <ResponsiveContainer className={cn(classes?.container, 'mobile:max-w-[360px]')}>\n <div className={cn('flex flex-col gap-6 desktop:items-start desktop:gap-12', classes?.wrapper)}>\n <div\n dangerouslySetInnerHTML={{ __html: headline }}\n className={cn('mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m', classes?.headline)}\n />\n\n <div className='flex flex-col gap-6 desktop:gap-10'>\n {shouldShowTabs && (\n <StepperTabs\n stepperTabs={steppersTabs}\n activeStepper={activeStepper}\n setActiveStepper={setActiveStepper}\n classes={classes?.stepperTabs}\n />\n )}\n\n {currentStepper.withImages && <StepperCarousel classes={classes?.stepperCarousel} currentStepper={currentStepper} />}\n\n <div\n className={cn(\n 'flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12',\n classes?.stepsWrapper,\n { ['mobile:hidden']: currentStepper.withImages }\n )}\n >\n {currentStepper?.details?.map((step, index) => (\n <SingleStep {...step} key={step.description} index={index + 1} classes={classes?.step} />\n ))}\n </div>\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default Stepper\n"],"names":["Stepper","steppers","headline","classes","shouldShowTabs","activeStepper","setActiveStepper","useState","~~_a","~~steppersTabs","useMemo","tabName","currentStepperIndex","tab","currentStepper","jsx","widgetIds","ResponsiveContainer","cn","jsxs","StepperTabs","StepperCarousel","step","index","SingleStep"],"mappings":"~~45FA2BO~~,MAAMA,~~GAAU~~,CAA6B,CAAE,SAAAC,EAAU,SAAAC,EAAU,QAAAC,KAAwC,~~SAChH~~,MAAMC,EAAiBH,~~IAAYA~~,~~GAAA~~,~~YAAAA~~,~~EAAU,QAAS,~~EAChD,CAACI,EAAeC,CAAgB,EAAIC,EAA0BH,~~GAAiBI~~,~~EAAAP~~,~~GAAA~~,~~YAAAA~~,~~EAAW,KAAX,YAAAO,EAAe,~~QAAU,EAAE,~~EAE1GC~~,EAAeC,EAAQ,~~IAAMT~~,~~GAAA~~,~~YAAAA,EAAU,~~IAAI,CAAC,CAAE,~~QAAAU~~,CAAA,KAAe,CAAE,QAAAA,CAAA,~~IAAa~~,~~CAACV~~,CAAQ,CAAC,~~EAEtFW~~,~~EAAsBR~~,~~EAAiBK~~,~~GAAA~~,~~YAAAA,EAAc,~~UAAWI,GAAQA,EAAI,~~UAAYR~~,~~GAAiB~~,~~EACzGS~~,~~EAAiBb~~,~~GAAA~~,~~YAAAA~~,~~EAAWW~~,~~GAElC~~,OACEG,EAAC,UAAA,CAAqC,GAAIC,EAAU,QAAS,eAAcA,EAAU,QAAS,~~UAAWb~~,~~GAAA~~,~~YAAAA,EAAS,~~KAChH,~~SAAAY~~,EAACE,EAAA,CAAoB,UAAWC,~~EAAGf~~,~~GAAA~~,~~YAAAA,EAAS,~~UAAW,sBAAsB,EAC3E,~~SAAAgB~~,EAAC,MAAA,CAAI,UAAWD,EAAG,~~yDAA0Df~~,~~GAAA~~,~~YAAAA,EAAS,~~OAAO,EAC3F,SAAA,~~CAAAY~~,EAAC,MAAA,CACC,wBAAyB,CAAE,~~OAAQb~~,CAAA,EACnC,~~UAAWgB~~,EAAG,~~mEAAoEf~~,~~GAAA~~,~~YAAAA,EAAS,~~QAAQ,CAAA,CAAA,~~EAGrGgB~~,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,~~CAAAf~~,~~GACCW~~,EAACK,EAAA,CACC,YAAaX,EACb,~~cAAAJ~~,EACA,iBAAAC,EACA,QAASH,~~GAAA~~,~~YAAAA,EAAS,~~WAAA,CAAA,~~EAIrBW~~,EAAe,YAAcC,EAACM,GAAgB,~~QAASlB~~,~~GAAA~~,~~YAAAA,EAAS,~~gBAAiB,~~eAAAW~~,EAAgC,EAElHC,EAAC,MAAA,CACC,UAAWG,EACT,~~6FACAf~~,~~GAAA~~,~~YAAAA,EAAS,~~aACT,CAAG,~~gBAAkBW~~,EAAe,UAAA,CAAW,EAGhD,~~6BAAgB~~,~~wBAAS~~,IAAI,CAACQ,EAAMC,MAClCC,EAAA,CAAY,GAAGF,EAAM,IAAKA,EAAK,YAAa,MAAOC,EAAQ,EAAG,~~QAASpB~~,~~GAAA~~,~~YAAAA,EAAS,~~KAAM,~~EACxF~~,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,~~GAjCYW~~,EAAe,OAkC7B,CAEJ"}
1	+ {"version":3,"file":"Stepper.js","sources":["../../../../lib/widgets/stepper/Stepper.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement, useMemo, useState } from 'react'\nimport { widgetIds } from '../model'\nimport { type SingleStepper } from './model/types'\nimport { StepperCarousel } from './ui'\nimport { SingleStep, type SingleStepClasses } from './ui/SingleStep'\nimport { type StepperCarouselClasses } from './ui/StepperCarousel'\nimport { StepperTabs, type StepperTabsClasses, type StepperTabValue } from './ui/StepperTabs'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type StepperClasses = {\n root?: string\n container?: string\n wrapper?: string\n headline?: string\n stepsWrapper?: string\n step?: SingleStepClasses\n stepperTabs?: StepperTabsClasses\n stepperCarousel?: StepperCarouselClasses\n}\n\nexport interface StepperProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {\n headline: ReactElement \| string\n steppers: SingleStepper<WithImages>[]\n classes?: StepperClasses\n}\n\nexport const Stepper = <WithImages extends boolean>({ steppers, headline, classes }: StepperProps<WithImages>) => {\n const shouldShowTabs = steppers && steppers?.length > 1\n const [activeStepper, setActiveStepper] = useState<StepperTabValue>(shouldShowTabs ? steppers?.[0]?.tabName : '')\n\n const steppersTabs = useMemo(() => steppers?.map(({ tabName }) => ({ tabName })), [steppers])\n\n const currentStepperIndex = shouldShowTabs ? steppersTabs?.findIndex((tab) => tab.tabName === activeStepper) : 0\n const currentStepper = steppers?.[currentStepperIndex]\n\n return (\n <section key={currentStepper.tabName} id={widgetIds.stepper} data-test-id={widgetIds.stepper} className={classes?.root}>\n <ResponsiveContainer className={cn(classes?.container, 'mobile:max-w-[360px]')}>\n <div className={cn('flex flex-col gap-6 desktop:items-start desktop:gap-12', classes?.wrapper)}>\n <div\n dangerouslySetInnerHTML={{ __html: headline }}\n className={cn('mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m', classes?.headline)}\n />\n\n <div className='flex flex-col gap-6 desktop:gap-10'>\n {shouldShowTabs && (\n <StepperTabs\n stepperTabs={steppersTabs}\n activeStepper={activeStepper}\n setActiveStepper={setActiveStepper}\n classes={classes?.stepperTabs}\n />\n )}\n\n {currentStepper.withImages && <StepperCarousel classes={classes?.stepperCarousel} currentStepper={currentStepper} />}\n\n <div\n className={cn(\n 'flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12',\n classes?.stepsWrapper,\n { ['mobile:hidden']: currentStepper.withImages }\n )}\n >\n {currentStepper?.details?.map((step, index) => (\n <SingleStep {...step} key={step.description} index={index + 1} classes={classes?.step} />\n ))}\n </div>\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default Stepper\n"],"names":["Stepper","steppers","headline","classes","shouldShowTabs","activeStepper","setActiveStepper","useState","steppersTabs","useMemo","tabName","currentStepperIndex","tab","currentStepper","jsx","widgetIds","ResponsiveContainer","cn","jsxs","StepperTabs","StepperCarousel","step","index","SingleStep"],"mappings":"8cA2BO,MAAMA,EAAU,CAA6B,CAAE,SAAAC,EAAU,SAAAC,EAAU,QAAAC,KAAwC,CAChH,MAAMC,EAAiBH,GAAYA,GAAU,OAAS,EAChD,CAACI,EAAeC,CAAgB,EAAIC,EAA0BH,EAAiBH,IAAW,CAAC,GAAG,QAAU,EAAE,EAE1GO,EAAeC,EAAQ,IAAMR,GAAU,IAAI,CAAC,CAAE,QAAAS,CAAA,KAAe,CAAE,QAAAA,CAAA,EAAU,EAAG,CAACT,CAAQ,CAAC,EAEtFU,EAAsBP,EAAiBI,GAAc,UAAWI,GAAQA,EAAI,UAAYP,CAAa,EAAI,EACzGQ,EAAiBZ,IAAWU,CAAmB,EAErD,OACEG,EAAC,UAAA,CAAqC,GAAIC,EAAU,QAAS,eAAcA,EAAU,QAAS,UAAWZ,GAAS,KAChH,SAAAW,EAACE,EAAA,CAAoB,UAAWC,EAAGd,GAAS,UAAW,sBAAsB,EAC3E,SAAAe,EAAC,MAAA,CAAI,UAAWD,EAAG,yDAA0Dd,GAAS,OAAO,EAC3F,SAAA,CAAAW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWe,EAAG,mEAAoEd,GAAS,QAAQ,CAAA,CAAA,EAGrGe,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,CAAAd,GACCU,EAACK,EAAA,CACC,YAAaX,EACb,cAAAH,EACA,iBAAAC,EACA,QAASH,GAAS,WAAA,CAAA,EAIrBU,EAAe,YAAcC,EAACM,GAAgB,QAASjB,GAAS,gBAAiB,eAAAU,EAAgC,EAElHC,EAAC,MAAA,CACC,UAAWG,EACT,6FACAd,GAAS,aACT,CAAG,gBAAkBU,EAAe,UAAA,CAAW,EAGhD,YAAgB,SAAS,IAAI,CAACQ,EAAMC,MAClCC,EAAA,CAAY,GAAGF,EAAM,IAAKA,EAAK,YAAa,MAAOC,EAAQ,EAAG,QAASnB,GAAS,KAAM,CACxF,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,GAjCYU,EAAe,OAkC7B,CAEJ"}

package/dist/lib/widgets/stepper/ui/SingleStep.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as d}from"react/jsx-runtime";import{cn as i}from"../../../shared/utils/cn.js";import"uuid";import"react";const h=t=>{var o,m;const{classes:e,index:r,title:n,description:a}=t;return l("div",{className:i("flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",e==null?void 0:e.singleStep),children:[d("div",{className:i("mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",e==null?void 0:e.numeric),children:r}),l("div",{className:i("flex flex-col gap-6",e==null?void 0:e.stepContainer),children:[l("div",{className:i("flex flex-col gap-2"),children:[n&&d("div",{dangerouslySetInnerHTML:{__html:n},className:i("mob-title-bold-m text-color-dark desktop:desk-title-bold-s",e==null?void 0:e.title)}),d("div",{dangerouslySetInnerHTML:{__html:a??""},className:i("desk-body-regular-l text-color-secondary",e==null?void 0:e.description)})]}),t.type==="withImage"&&Object.keys((t==null?void 0:t.image)??{}).length>0&&d("div",{className:i("h-[368px] w-[348px] mobile:hidden",e==null?void 0:e.imageContainer),children:d("img",{className:i("h-full w-full object-contain",e==null?void 0:e.image),src:(o=t==null?void 0:t.image)==null?void 0:o.src,alt:(m=t==null?void 0:t.image)==null?void 0:m.alt})})]})]})};export{h as SingleStep};
+import{jsxs as d,jsx as s}from"react/jsx-runtime";import{cn as e}from"../../../shared/utils/cn.js";const c=t=>{const{classes:l,index:o,title:i,description:r}=t;return d("div",{className:e("flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",l?.singleStep),children:[s("div",{className:e("mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",l?.numeric),children:o}),d("div",{className:e("flex flex-col gap-6",l?.stepContainer),children:[d("div",{className:e("flex flex-col gap-2"),children:[i&&s("div",{dangerouslySetInnerHTML:{__html:i},className:e("mob-title-bold-m text-color-dark desktop:desk-title-bold-s",l?.title)}),s("div",{dangerouslySetInnerHTML:{__html:r??""},className:e("desk-body-regular-l text-color-secondary",l?.description)})]}),t.type==="withImage"&&Object.keys(t?.image??{}).length>0&&s("div",{className:e("h-[368px] w-[348px] mobile:hidden",l?.imageContainer),children:s("img",{className:e("h-full w-full object-contain",l?.image),src:t?.image?.src,alt:t?.image?.alt})})]})]})};export{c as SingleStep};
 //# sourceMappingURL=SingleStep.js.map

package/dist/lib/widgets/stepper/ui/SingleStep.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleStep.js","sources":["../../../../../lib/widgets/stepper/ui/SingleStep.tsx"],"sourcesContent":["import type { SingleStep as SingleStepType } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type SingleStepClasses = {\n singleStep?: string\n numeric?: string\n textBlock?: string\n title?: string\n description?: string\n stepContainer?: string\n imageContainer?: string\n image?: string\n}\n\nexport const SingleStep = (props: SingleStepType) => {\n const { classes, index, title, description } = props\n\n return (\n <div\n className={cn(\n 'flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0',\n classes?.singleStep\n )}\n >\n <div\n className={cn(\n 'mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12',\n classes?.numeric\n )}\n >\n {index}\n </div>\n\n <div className={cn('flex flex-col gap-6', classes?.stepContainer)}>\n <div className={cn('flex flex-col gap-2')}>\n {title && (\n <div\n dangerouslySetInnerHTML={{ __html: title }}\n className={cn('mob-title-bold-m text-color-dark desktop:desk-title-bold-s', classes?.title)}\n />\n )}\n <div\n dangerouslySetInnerHTML={{ __html: description ?? '' }}\n className={cn('desk-body-regular-l text-color-secondary', classes?.description)}\n />\n </div>\n\n {props.type === 'withImage' && Object.keys(props?.image ?? {}).length > 0 && (\n <div className={cn('h-[368px] w-[348px] mobile:hidden', classes?.imageContainer)}>\n <img className={cn('h-full w-full object-contain', classes?.image)} src={props?.image?.src} alt={props?.image?.alt} />\n </div>\n )}\n </div>\n </div>\n )\n}\n"],"names":["SingleStep","props","classes","index","title","description","jsxs","cn","jsx"~~,"_a","_b"~~],"mappings":"~~8HAcO~~,MAAMA,EAAcC,GAA0B,~~SACnD~~,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,MAAAC,EAAO,YAAAC,GAAgBJ,EAE/C,OACEK,EAAC,MAAA,CACC,UAAWC,EACT,8KACAL,~~GAAA~~,~~YAAAA,EAAS,~~UAAA,EAGX,SAAA,CAAAM,EAAC,MAAA,CACC,UAAWD,EACT,4JACAL,~~GAAA~~,~~YAAAA,EAAS,~~OAAA,EAGV,SAAAC,CAAA,CAAA,IAGF,MAAA,CAAI,UAAWI,EAAG,sBAAuBL,~~GAAA~~,~~YAAAA,EAAS,~~aAAa,EAC9D,SAAA,CAAAI,EAAC,MAAA,CAAI,UAAWC,EAAG,qBAAqB,EACrC,SAAA,CAAAH,GACCI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQJ,CAAA,EACnC,UAAWG,EAAG,6DAA8DL,~~GAAA~~,~~YAAAA,EAAS,~~KAAK,CAAA,CAAA,EAG9FM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQH,GAAe,EAAA,EAClD,UAAWE,EAAG,2CAA4CL,~~GAAA~~,~~YAAAA,EAAS,~~WAAW,CAAA,CAAA,CAChF,EACF,EAECD,EAAM,OAAS,aAAe,OAAO,~~MAAKA~~,~~GAAA~~,~~YAAAA~~,~~EAAO,QAAS,~~EAAE,EAAE,OAAS,GACtEO,EAAC,MAAA,CAAI,UAAWD,EAAG,oCAAqCL,~~GAAA~~,~~YAAAA,EAAS,~~cAAc,EAC7E,WAAC,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,~~GAAA~~,~~YAAAA,EAAS,~~KAAK,EAAG,~~KAAKO~~,~~EAAAR~~,~~GAAA~~,~~YAAAA,EAAO,QAAP,YAAAQ,EAAc,~~IAAK,~~KAAKC~~,~~EAAAT~~,~~GAAA~~,~~YAAAA,EAAO,QAAP,YAAAS,EAAc,~~IAAK,CAAA,CACtH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}
1	+ {"version":3,"file":"SingleStep.js","sources":["../../../../../lib/widgets/stepper/ui/SingleStep.tsx"],"sourcesContent":["import type { SingleStep as SingleStepType } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type SingleStepClasses = {\n singleStep?: string\n numeric?: string\n textBlock?: string\n title?: string\n description?: string\n stepContainer?: string\n imageContainer?: string\n image?: string\n}\n\nexport const SingleStep = (props: SingleStepType) => {\n const { classes, index, title, description } = props\n\n return (\n <div\n className={cn(\n 'flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0',\n classes?.singleStep\n )}\n >\n <div\n className={cn(\n 'mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12',\n classes?.numeric\n )}\n >\n {index}\n </div>\n\n <div className={cn('flex flex-col gap-6', classes?.stepContainer)}>\n <div className={cn('flex flex-col gap-2')}>\n {title && (\n <div\n dangerouslySetInnerHTML={{ __html: title }}\n className={cn('mob-title-bold-m text-color-dark desktop:desk-title-bold-s', classes?.title)}\n />\n )}\n <div\n dangerouslySetInnerHTML={{ __html: description ?? '' }}\n className={cn('desk-body-regular-l text-color-secondary', classes?.description)}\n />\n </div>\n\n {props.type === 'withImage' && Object.keys(props?.image ?? {}).length > 0 && (\n <div className={cn('h-[368px] w-[348px] mobile:hidden', classes?.imageContainer)}>\n <img className={cn('h-full w-full object-contain', classes?.image)} src={props?.image?.src} alt={props?.image?.alt} />\n </div>\n )}\n </div>\n </div>\n )\n}\n"],"names":["SingleStep","props","classes","index","title","description","jsxs","cn","jsx"],"mappings":"mGAcO,MAAMA,EAAcC,GAA0B,CACnD,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,MAAAC,EAAO,YAAAC,GAAgBJ,EAE/C,OACEK,EAAC,MAAA,CACC,UAAWC,EACT,8KACAL,GAAS,UAAA,EAGX,SAAA,CAAAM,EAAC,MAAA,CACC,UAAWD,EACT,4JACAL,GAAS,OAAA,EAGV,SAAAC,CAAA,CAAA,IAGF,MAAA,CAAI,UAAWI,EAAG,sBAAuBL,GAAS,aAAa,EAC9D,SAAA,CAAAI,EAAC,MAAA,CAAI,UAAWC,EAAG,qBAAqB,EACrC,SAAA,CAAAH,GACCI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQJ,CAAA,EACnC,UAAWG,EAAG,6DAA8DL,GAAS,KAAK,CAAA,CAAA,EAG9FM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQH,GAAe,EAAA,EAClD,UAAWE,EAAG,2CAA4CL,GAAS,WAAW,CAAA,CAAA,CAChF,EACF,EAECD,EAAM,OAAS,aAAe,OAAO,KAAKA,GAAO,OAAS,EAAE,EAAE,OAAS,GACtEO,EAAC,MAAA,CAAI,UAAWD,EAAG,oCAAqCL,GAAS,cAAc,EAC7E,WAAC,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,GAAS,KAAK,EAAG,IAAKD,GAAO,OAAO,IAAK,IAAKA,GAAO,OAAO,IAAK,CAAA,CACtH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}

package/dist/lib/widgets/stepper/ui/StepperCarousel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{useState as l}from"react";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import"uuid";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/button/model/helpers.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/loader/model/helpers.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/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{CarouselBase as n}from"../../../shared/ui/carousel/CarouselBase.js";import{CarouselSlide as c}from"../../../shared/ui/carousel/ui/CarouselSlide.js";import"../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../shared/ui/heading/Heading.js";import"../../../shared/ui/customLink/model/helpers.js";import"../../../shared/ui/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const co=({currentStepper:t,classes:i})=>{const[p,m]=l(0),{carouselClasses:e,carouselSlideClasses:s}=i||{};return r(n,{carouselOptions:{dragFree:!1},visibleIndex:p,setVisibleIndex:m,autoPlayOptions:{active:!1},classes:{containerWithNavClasses:{wrapper:"gap-4"},root:"desktop:hidden",carouselContentClasses:{slidesOverlay:"max-w-full w-full"},...e},children:t.details.map((a,o)=>r(c,{variant:"fullScreen",slideIndex:o,...a,classes:{slide:"mobile:w-[328px]  desktop:w-[1140px]",...s}},o))})};export{co as StepperCarousel};
+import{jsx as s}from"react/jsx-runtime";import{useState as n}from"react";import{CarouselBase as c}from"../../../shared/ui/carousel/CarouselBase.js";import{CarouselSlide as u}from"../../../shared/ui/carousel/ui/CarouselSlide.js";const x=({currentStepper:a,classes:l})=>{const[o,r]=n(0),{carouselClasses:t,carouselSlideClasses:i}=l||{};return s(c,{carouselOptions:{dragFree:!1},visibleIndex:o,setVisibleIndex:r,autoPlayOptions:{active:!1},classes:{containerWithNavClasses:{wrapper:"gap-4"},root:"desktop:hidden",carouselContentClasses:{slidesOverlay:"max-w-full w-full"},...t},children:a.details.map((p,e)=>s(u,{variant:"fullScreen",slideIndex:e,...p,classes:{slide:"mobile:w-[328px]  desktop:w-[1140px]",...i}},e))})};export{x as StepperCarousel};
 //# sourceMappingURL=StepperCarousel.js.map

package/dist/lib/widgets/stepper/ui/StepperCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperCarousel.js","sources":["../../../../../lib/widgets/stepper/ui/StepperCarousel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type SingleStepper } from '../model/types'\nimport { CarouselBase, type CarouselClasses, CarouselSlide, type CarouselSlideClasses } from '$/shared/ui'\n\nexport type StepperCarouselClasses = {\n carouselClasses?: CarouselClasses\n carouselSlideClasses?: CarouselSlideClasses\n}\n\ninterface SingleStepMobileProps<Enabled extends boolean> {\n currentStepper: SingleStepper<Enabled>\n classes?: StepperCarouselClasses\n}\n\nexport const StepperCarousel = <Enabled extends boolean>({ currentStepper, classes }: SingleStepMobileProps<Enabled>) => {\n const [visibleIndex, setVisibleIndex] = useState(0)\n\n const { carouselClasses, carouselSlideClasses } = classes \|\| {}\n\n return (\n <CarouselBase\n carouselOptions={{\n dragFree: false\n }}\n visibleIndex={visibleIndex}\n setVisibleIndex={setVisibleIndex}\n autoPlayOptions={{\n active: false\n }}\n classes={{\n containerWithNavClasses: {\n wrapper: 'gap-4'\n },\n root: 'desktop:hidden',\n carouselContentClasses: {\n slidesOverlay: 'max-w-full w-full'\n },\n ...carouselClasses\n }}\n >\n {currentStepper.details.map((slide, slideIndex) => (\n <CarouselSlide\n key={slideIndex}\n variant='fullScreen'\n slideIndex={slideIndex}\n {...slide}\n classes={{\n slide: 'mobile:w-[328px] desktop:w-[1140px]',\n ...carouselSlideClasses\n }}\n />\n ))}\n </CarouselBase>\n )\n}\n"],"names":["StepperCarousel","currentStepper","classes","visibleIndex","setVisibleIndex","useState","carouselClasses","carouselSlideClasses","jsx","CarouselBase","slide","slideIndex","CarouselSlide"],"mappings":"~~kvFAcO~~,MAAMA,~~GAAkB~~,CAA0B,CAAE,eAAAC,EAAgB,QAAAC,KAA8C,CACvH,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAS,CAAC,EAE5C,CAAE,gBAAAC,EAAiB,qBAAAC,CAAA,EAAyBL,GAAW,CAAA,EAE7D,OACEM,EAACC,EAAA,CACC,gBAAiB,CACf,SAAU,EAAA,EAEZ,aAAAN,EACA,gBAAAC,EACA,gBAAiB,CACf,OAAQ,EAAA,EAEV,QAAS,CACP,wBAAyB,CACvB,QAAS,OAAA,EAEX,KAAM,iBACN,uBAAwB,CACtB,cAAe,mBAAA,EAEjB,GAAGE,CAAA,EAGJ,SAAAL,EAAe,QAAQ,IAAI,CAACS,EAAOC,IAClCH,EAACI,EAAA,CAEC,QAAQ,aACR,WAAAD,EACC,GAAGD,EACJ,QAAS,CACP,MAAO,uCACP,GAAGH,CAAA,CACL,EAPKI,CAAA,CASR,CAAA,CAAA,CAGP"}
1	+ {"version":3,"file":"StepperCarousel.js","sources":["../../../../../lib/widgets/stepper/ui/StepperCarousel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type SingleStepper } from '../model/types'\nimport { CarouselBase, type CarouselClasses, CarouselSlide, type CarouselSlideClasses } from '$/shared/ui'\n\nexport type StepperCarouselClasses = {\n carouselClasses?: CarouselClasses\n carouselSlideClasses?: CarouselSlideClasses\n}\n\ninterface SingleStepMobileProps<Enabled extends boolean> {\n currentStepper: SingleStepper<Enabled>\n classes?: StepperCarouselClasses\n}\n\nexport const StepperCarousel = <Enabled extends boolean>({ currentStepper, classes }: SingleStepMobileProps<Enabled>) => {\n const [visibleIndex, setVisibleIndex] = useState(0)\n\n const { carouselClasses, carouselSlideClasses } = classes \|\| {}\n\n return (\n <CarouselBase\n carouselOptions={{\n dragFree: false\n }}\n visibleIndex={visibleIndex}\n setVisibleIndex={setVisibleIndex}\n autoPlayOptions={{\n active: false\n }}\n classes={{\n containerWithNavClasses: {\n wrapper: 'gap-4'\n },\n root: 'desktop:hidden',\n carouselContentClasses: {\n slidesOverlay: 'max-w-full w-full'\n },\n ...carouselClasses\n }}\n >\n {currentStepper.details.map((slide, slideIndex) => (\n <CarouselSlide\n key={slideIndex}\n variant='fullScreen'\n slideIndex={slideIndex}\n {...slide}\n classes={{\n slide: 'mobile:w-[328px] desktop:w-[1140px]',\n ...carouselSlideClasses\n }}\n />\n ))}\n </CarouselBase>\n )\n}\n"],"names":["StepperCarousel","currentStepper","classes","visibleIndex","setVisibleIndex","useState","carouselClasses","carouselSlideClasses","jsx","CarouselBase","slide","slideIndex","CarouselSlide"],"mappings":"oOAcO,MAAMA,EAAkB,CAA0B,CAAE,eAAAC,EAAgB,QAAAC,KAA8C,CACvH,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAS,CAAC,EAE5C,CAAE,gBAAAC,EAAiB,qBAAAC,CAAA,EAAyBL,GAAW,CAAA,EAE7D,OACEM,EAACC,EAAA,CACC,gBAAiB,CACf,SAAU,EAAA,EAEZ,aAAAN,EACA,gBAAAC,EACA,gBAAiB,CACf,OAAQ,EAAA,EAEV,QAAS,CACP,wBAAyB,CACvB,QAAS,OAAA,EAEX,KAAM,iBACN,uBAAwB,CACtB,cAAe,mBAAA,EAEjB,GAAGE,CAAA,EAGJ,SAAAL,EAAe,QAAQ,IAAI,CAACS,EAAOC,IAClCH,EAACI,EAAA,CAEC,QAAQ,aACR,WAAAD,EACC,GAAGD,EACJ,QAAS,CACP,MAAO,uCACP,GAAGH,CAAA,CACL,EAPKI,CAAA,CASR,CAAA,CAAA,CAGP"}

package/dist/lib/widgets/stepper/ui/StepperTabs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{memo as d}from"react";import{cn as i}from"../../../shared/utils/cn.js";import"uuid";const c=d(({stepperTabs:t,activeStepper:e,setActiveStepper:m,classes:o})=>n("div",{className:i("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto",o==null?void 0:o.wrapper),children:t==null?void 0:t.map(({tabName:r})=>n("button",{onClick:()=>m(r),className:i("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":e===r},o==null?void 0:o.tab),children:r},r))}));export{c as StepperTabs};
+import{jsx as e}from"react/jsx-runtime";import{memo as c}from"react";import{cn as t}from"../../../shared/utils/cn.js";const m=c(({stepperTabs:l,activeStepper:p,setActiveStepper:n,classes:r})=>e("div",{className:t("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto",r?.wrapper),children:l?.map(({tabName:o})=>e("button",{onClick:()=>n(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:o},o))}));export{m as StepperTabs};
 //# sourceMappingURL=StepperTabs.js.map

package/dist/lib/widgets/stepper/ui/StepperTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperTabs.js","sources":["../../../../../lib/widgets/stepper/ui/StepperTabs.tsx"],"sourcesContent":["import { type Dispatch, memo, type SetStateAction } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport type StepperTabsClasses = {\n wrapper?: string\n tab?: string\n}\n\nexport interface StepperTab {\n tabName: string\n}\n\nexport type StepperTabValue = string \| undefined\n\nexport interface StepperTabsProps {\n stepperTabs?: StepperTab[]\n activeStepper: StepperTabValue\n setActiveStepper: Dispatch<SetStateAction<StepperTabValue>>\n classes?: StepperTabsClasses\n}\n\nexport const StepperTabs = memo(({ stepperTabs, activeStepper, setActiveStepper, classes }: StepperTabsProps) => {\n return (\n <div className={cn('customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto', classes?.wrapper)}>\n {stepperTabs?.map(({ tabName }) => (\n <button\n key={tabName}\n onClick={() => setActiveStepper(tabName)}\n className={cn(\n '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',\n { 'bg-icon-primary-default text-color-white': activeStepper === tabName },\n classes?.tab\n )}\n >\n {tabName}\n </button>\n ))}\n </div>\n )\n})\n"],"names":["StepperTabs","memo","stepperTabs","activeStepper","setActiveStepper","classes","jsx","cn","tabName"],"mappings":"~~mIAqBO~~,MAAMA,EAAcC,EAAK,CAAC,CAAE,YAAAC,EAAa,cAAAC,EAAe,iBAAAC,EAAkB,QAAAC,KAE7EC,EAAC,MAAA,CAAI,UAAWC,EAAG,yEAA0EF,~~GAAA~~,~~YAAAA,EAAS,~~OAAO,EAC1G,SAAAH,~~GAAA~~,~~YAAAA,EAAa,~~IAAI,CAAC,CAAE,QAAAM,KACnBF,EAAC,SAAA,CAEC,QAAS,IAAMF,EAAiBI,CAAO,EACvC,UAAWD,EACT,qOACA,CAAE,2CAA4CJ,IAAkBK,CAAA,EAChEH,~~GAAA~~,~~YAAAA,EAAS,~~GAAA,EAGV,SAAAG,CAAA,EARIA,CAAA,~~GAWX~~,CAEH"}
1	+ {"version":3,"file":"StepperTabs.js","sources":["../../../../../lib/widgets/stepper/ui/StepperTabs.tsx"],"sourcesContent":["import { type Dispatch, memo, type SetStateAction } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport type StepperTabsClasses = {\n wrapper?: string\n tab?: string\n}\n\nexport interface StepperTab {\n tabName: string\n}\n\nexport type StepperTabValue = string \| undefined\n\nexport interface StepperTabsProps {\n stepperTabs?: StepperTab[]\n activeStepper: StepperTabValue\n setActiveStepper: Dispatch<SetStateAction<StepperTabValue>>\n classes?: StepperTabsClasses\n}\n\nexport const StepperTabs = memo(({ stepperTabs, activeStepper, setActiveStepper, classes }: StepperTabsProps) => {\n return (\n <div className={cn('customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto', classes?.wrapper)}>\n {stepperTabs?.map(({ tabName }) => (\n <button\n key={tabName}\n onClick={() => setActiveStepper(tabName)}\n className={cn(\n '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',\n { 'bg-icon-primary-default text-color-white': activeStepper === tabName },\n classes?.tab\n )}\n >\n {tabName}\n </button>\n ))}\n </div>\n )\n})\n"],"names":["StepperTabs","memo","stepperTabs","activeStepper","setActiveStepper","classes","jsx","cn","tabName"],"mappings":"sHAqBO,MAAMA,EAAcC,EAAK,CAAC,CAAE,YAAAC,EAAa,cAAAC,EAAe,iBAAAC,EAAkB,QAAAC,KAE7EC,EAAC,MAAA,CAAI,UAAWC,EAAG,yEAA0EF,GAAS,OAAO,EAC1G,SAAAH,GAAa,IAAI,CAAC,CAAE,QAAAM,KACnBF,EAAC,SAAA,CAEC,QAAS,IAAMF,EAAiBI,CAAO,EACvC,UAAWD,EACT,qOACA,CAAE,2CAA4CJ,IAAkBK,CAAA,EAChEH,GAAS,GAAA,EAGV,SAAAG,CAAA,EARIA,CAAA,CAUR,EACH,CAEH"}

package/dist/lib/widgets/table/InfoTable.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as i}from"react/jsx-runtime";import{TableUtils as u}from"../../shared/ui/table/model/TableUtils.js";import{cn as t}from"../../shared/utils/cn.js";import"uuid";import"react";import{getHeaderAccessors as T,isHorizontalTable as N}from"./model/utils.js";import{ResponsiveContainer as v}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{DataTable as y}from"../../shared/ui/table/Table.js";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"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const ko=p=>{const{title:l,subtitle:n,helperText:m,pagination:a=!1,columns:d,data:e,horizontal:s,classes:o,...c}=p,{accessors:b,sortingColumns:f,sortingFn:x}=T(d),g=u.getColumns(e[0],{headerAccessor:b,enableSorting:f,sortingFn:x}),h=N(s);return r("section",{className:t("w-full",o==null?void 0:o.root),children:i(v,{className:t("flex flex-col gap-12 mobile:max-w-[360px]",o==null?void 0:o.container),children:[i("div",{className:t("flex flex-col gap-[16px]",o==null?void 0:o.textContainer),children:[r("div",{className:t("mob-headline-bold-s desktop:desk-headline-bold-m",o==null?void 0:o.title),dangerouslySetInnerHTML:{__html:l}}),r("div",{className:t("desktop:desk-body-regular-l",o==null?void 0:o.subtitle),dangerouslySetInnerHTML:{__html:n}})]}),i("div",{className:t("flex flex-col gap-4",o==null?void 0:o.tableContainer),children:[r(y,{...c,horizontal:h,data:e,columns:g,classes:o==null?void 0:o.baseTableClasses,mode:"odd",pagination:a}),m&&r("div",{className:t("desk-body-regular-m text-color-tetriary",o==null?void 0:o.helperText),dangerouslySetInnerHTML:{__html:m}})]})]})})};export{ko as InfoTable,ko as default};
+import{jsx as l,jsxs as o}from"react/jsx-runtime";import{getHeaderAccessors as u,isHorizontalTable as T}from"./model/utils.js";import{TableUtils as N}from"../../shared/ui/table/model/TableUtils.js";import{cn as s}from"../../shared/utils/cn.js";import{DataTable as v}from"../../shared/ui/table/Table.js";import{ResponsiveContainer as y}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";const S=r=>{const{title:n,subtitle:i,helperText:t,pagination:c=!1,columns:m,data:a,horizontal:d,classes:e,...p}=r,{accessors:b,sortingColumns:f,sortingFn:x}=u(m),g=N.getColumns(a[0],{headerAccessor:b,enableSorting:f,sortingFn:x}),h=T(d);return l("section",{className:s("w-full",e?.root),children:o(y,{className:s("flex flex-col gap-12 mobile:max-w-[360px]",e?.container),children:[o("div",{className:s("flex flex-col gap-[16px]",e?.textContainer),children:[l("div",{className:s("mob-headline-bold-s desktop:desk-headline-bold-m",e?.title),dangerouslySetInnerHTML:{__html:n}}),l("div",{className:s("desktop:desk-body-regular-l",e?.subtitle),dangerouslySetInnerHTML:{__html:i}})]}),o("div",{className:s("flex flex-col gap-4",e?.tableContainer),children:[l(v,{...p,horizontal:h,data:a,columns:g,classes:e?.baseTableClasses,mode:"odd",pagination:c}),t&&l("div",{className:s("desk-body-regular-m text-color-tetriary",e?.helperText),dangerouslySetInnerHTML:{__html:t}})]})]})})};export{S as InfoTable,S as default};
 //# sourceMappingURL=InfoTable.js.map

package/dist/lib/widgets/table/InfoTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoTable.js","sources":["../../../../lib/widgets/table/InfoTable.tsx"],"sourcesContent":["import { TableUtils } from '../../shared/ui/table/model'\nimport { cn } from '../../shared/utils'\nimport { getHeaderAccessors, isHorizontalTable, type TableProps } from './model'\nimport { DataTable, ResponsiveContainer } from '$/shared/ui'\n\nexport const InfoTable = <Key extends string, TData extends Record<Key, unknown>>(props: TableProps<Key, TData>) => {\n const { title, subtitle, helperText, pagination = false, columns, data, horizontal, classes, ...restTableProps } = props\n\n const { accessors, sortingColumns, sortingFn } = getHeaderAccessors(columns)\n\n const cols = TableUtils.getColumns(data[0], {\n headerAccessor: accessors,\n enableSorting: sortingColumns,\n sortingFn\n })\n\n const isHorizontal = isHorizontalTable(horizontal)\n\n return (\n <section className={cn('w-full', classes?.root)}>\n <ResponsiveContainer className={cn('flex flex-col gap-12 mobile:max-w-[360px]', classes?.container)}>\n <div className={cn('flex flex-col gap-[16px]', classes?.textContainer)}>\n <div\n className={cn('mob-headline-bold-s desktop:desk-headline-bold-m', classes?.title)}\n dangerouslySetInnerHTML={{ __html: title }}\n />\n <div className={cn('desktop:desk-body-regular-l', classes?.subtitle)} dangerouslySetInnerHTML={{ __html: subtitle }} />\n </div>\n\n <div className={cn('flex flex-col gap-4', classes?.tableContainer)}>\n <DataTable\n {...restTableProps}\n horizontal={isHorizontal}\n data={data}\n columns={cols}\n classes={classes?.baseTableClasses}\n mode='odd'\n pagination={pagination}\n />\n {helperText && (\n <div\n className={cn('desk-body-regular-m text-color-tetriary', classes?.helperText)}\n dangerouslySetInnerHTML={{ __html: helperText }}\n />\n )}\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default InfoTable\n"],"names":["InfoTable","props","title","subtitle","helperText","pagination","columns","data","horizontal","classes","restTableProps","accessors","sortingColumns","sortingFn","getHeaderAccessors","cols","TableUtils","isHorizontal","isHorizontalTable","jsx","cn","jsxs","ResponsiveContainer","DataTable"],"mappings":"~~80FAKO~~,MAAMA,~~GAAqEC~~,GAAkC,CAClH,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAa,GAAO,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,QAAAC,EAAS,GAAGC,CAAA,EAAmBT,EAE7G,CAAE,UAAAU,EAAW,eAAAC,EAAgB,UAAAC,CAAA,EAAcC,EAAmBR,CAAO,EAErES,EAAOC,EAAW,WAAWT,EAAK,CAAC,EAAG,CAC1C,eAAgBI,EAChB,cAAeC,EACf,UAAAC,CAAA,CACD,EAEKI,EAAeC,EAAkBV,CAAU,EAEjD,OACEW,EAAC,UAAA,CAAQ,UAAWC,EAAG,SAAUX,~~GAAA~~,~~YAAAA,EAAS,~~IAAI,EAC5C,SAAAY,EAACC,GAAoB,UAAWF,EAAG,4CAA6CX,~~GAAA~~,~~YAAAA,EAAS,~~SAAS,EAChG,SAAA,CAAAY,EAAC,OAAI,UAAWD,EAAG,2BAA4BX,~~GAAA~~,~~YAAAA,EAAS,~~aAAa,EACnE,SAAA,CAAAU,EAAC,MAAA,CACC,UAAWC,EAAG,mDAAoDX,~~GAAA~~,~~YAAAA,EAAS,~~KAAK,EAChF,wBAAyB,CAAE,OAAQP,CAAA,CAAM,CAAA,EAE3CiB,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+BX,~~GAAA~~,~~YAAAA,EAAS,~~QAAQ,EAAG,wBAAyB,CAAE,OAAQN,CAAA,CAAS,CAAG,CAAA,EACvH,IAEC,MAAA,CAAI,UAAWiB,EAAG,sBAAuBX,~~GAAA~~,~~YAAAA,EAAS,~~cAAc,EAC/D,SAAA,CAAAU,EAACI,EAAA,CACE,GAAGb,EACJ,WAAYO,EACZ,KAAAV,EACA,QAASQ,EACT,QAASN,~~GAAA~~,~~YAAAA,EAAS,~~iBAClB,KAAK,MACL,WAAAJ,CAAA,CAAA,EAEDD,GACCe,EAAC,MAAA,CACC,UAAWC,EAAG,0CAA2CX,~~GAAA~~,~~YAAAA,EAAS,~~UAAU,EAC5E,wBAAyB,CAAE,OAAQL,CAAA,CAAW,CAAA,CAChD,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"InfoTable.js","sources":["../../../../lib/widgets/table/InfoTable.tsx"],"sourcesContent":["import { TableUtils } from '../../shared/ui/table/model'\nimport { cn } from '../../shared/utils'\nimport { getHeaderAccessors, isHorizontalTable, type TableProps } from './model'\nimport { DataTable, ResponsiveContainer } from '$/shared/ui'\n\nexport const InfoTable = <Key extends string, TData extends Record<Key, unknown>>(props: TableProps<Key, TData>) => {\n const { title, subtitle, helperText, pagination = false, columns, data, horizontal, classes, ...restTableProps } = props\n\n const { accessors, sortingColumns, sortingFn } = getHeaderAccessors(columns)\n\n const cols = TableUtils.getColumns(data[0], {\n headerAccessor: accessors,\n enableSorting: sortingColumns,\n sortingFn\n })\n\n const isHorizontal = isHorizontalTable(horizontal)\n\n return (\n <section className={cn('w-full', classes?.root)}>\n <ResponsiveContainer className={cn('flex flex-col gap-12 mobile:max-w-[360px]', classes?.container)}>\n <div className={cn('flex flex-col gap-[16px]', classes?.textContainer)}>\n <div\n className={cn('mob-headline-bold-s desktop:desk-headline-bold-m', classes?.title)}\n dangerouslySetInnerHTML={{ __html: title }}\n />\n <div className={cn('desktop:desk-body-regular-l', classes?.subtitle)} dangerouslySetInnerHTML={{ __html: subtitle }} />\n </div>\n\n <div className={cn('flex flex-col gap-4', classes?.tableContainer)}>\n <DataTable\n {...restTableProps}\n horizontal={isHorizontal}\n data={data}\n columns={cols}\n classes={classes?.baseTableClasses}\n mode='odd'\n pagination={pagination}\n />\n {helperText && (\n <div\n className={cn('desk-body-regular-m text-color-tetriary', classes?.helperText)}\n dangerouslySetInnerHTML={{ __html: helperText }}\n />\n )}\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default InfoTable\n"],"names":["InfoTable","props","title","subtitle","helperText","pagination","columns","data","horizontal","classes","restTableProps","accessors","sortingColumns","sortingFn","getHeaderAccessors","cols","TableUtils","isHorizontal","isHorizontalTable","jsx","cn","jsxs","ResponsiveContainer","DataTable"],"mappings":"gZAKO,MAAMA,EAAqEC,GAAkC,CAClH,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAa,GAAO,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,QAAAC,EAAS,GAAGC,CAAA,EAAmBT,EAE7G,CAAE,UAAAU,EAAW,eAAAC,EAAgB,UAAAC,CAAA,EAAcC,EAAmBR,CAAO,EAErES,EAAOC,EAAW,WAAWT,EAAK,CAAC,EAAG,CAC1C,eAAgBI,EAChB,cAAeC,EACf,UAAAC,CAAA,CACD,EAEKI,EAAeC,EAAkBV,CAAU,EAEjD,OACEW,EAAC,UAAA,CAAQ,UAAWC,EAAG,SAAUX,GAAS,IAAI,EAC5C,SAAAY,EAACC,GAAoB,UAAWF,EAAG,4CAA6CX,GAAS,SAAS,EAChG,SAAA,CAAAY,EAAC,OAAI,UAAWD,EAAG,2BAA4BX,GAAS,aAAa,EACnE,SAAA,CAAAU,EAAC,MAAA,CACC,UAAWC,EAAG,mDAAoDX,GAAS,KAAK,EAChF,wBAAyB,CAAE,OAAQP,CAAA,CAAM,CAAA,EAE3CiB,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+BX,GAAS,QAAQ,EAAG,wBAAyB,CAAE,OAAQN,CAAA,CAAS,CAAG,CAAA,EACvH,IAEC,MAAA,CAAI,UAAWiB,EAAG,sBAAuBX,GAAS,cAAc,EAC/D,SAAA,CAAAU,EAACI,EAAA,CACE,GAAGb,EACJ,WAAYO,EACZ,KAAAV,EACA,QAASQ,EACT,QAASN,GAAS,iBAClB,KAAK,MACL,WAAAJ,CAAA,CAAA,EAEDD,GACCe,EAAC,MAAA,CACC,UAAWC,EAAG,0CAA2CX,GAAS,UAAU,EAC5E,wBAAyB,CAAE,OAAQL,CAAA,CAAW,CAAA,CAChD,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/lib/widgets/table/model/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import{TypeGuards as n}from"../../../shared/utils/typeGuards.js";import"uuid";import"react";const a=r=>{const i={},t=[],s={};for(const e of r)i[e.title]=()=>e.visibleTitle&&!n.isStringEmpty(e.visibleTitle)?e.visibleTitle:e.title,s[e.title]=e.sortingFn,e.enableSorting&&t.push(e.title);return{accessors:i,sortingColumns:t,sortingFn:s}},g=r=>{if(r.type==="true")return!0;if(r.type==="false")return!1;const{condition:i,operand:t}=r;switch(i){case"<":return t.left<t.right;case"<=":return t.left<=t.right;case"===":return t.left===t.right;case"!==":return t.left!==t.right;case">":return t.left>t.right;case">=":return t.left>=t.right}};export{a as getHeaderAccessors,g as isHorizontalTable};
+import{TypeGuards as n}from"../../../shared/utils/typeGuards.js";const o=r=>{const s={},t=[],i={};for(const e of r)s[e.title]=()=>e.visibleTitle&&!n.isStringEmpty(e.visibleTitle)?e.visibleTitle:e.title,i[e.title]=e.sortingFn,e.enableSorting&&t.push(e.title);return{accessors:s,sortingColumns:t,sortingFn:i}},c=r=>{if(r.type==="true")return!0;if(r.type==="false")return!1;const{condition:s,operand:t}=r;switch(s){case"<":return t.left<t.right;case"<=":return t.left<=t.right;case"===":return t.left===t.right;case"!==":return t.left!==t.right;case">":return t.left>t.right;case">=":return t.left>=t.right}};export{o as getHeaderAccessors,c as isHorizontalTable};
 //# sourceMappingURL=utils.js.map

package/dist/lib/widgets/table/model/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../../lib/widgets/table/model/utils.ts"],"sourcesContent":["import { type HeaderContext, type SortingFnOption } from '@tanstack/react-table'\nimport type { ColumnDefinition, OrientationOptions } from './types'\nimport { TypeGuards } from '$/shared/utils'\n\nexport const getHeaderAccessors = <Key extends string, TData extends Record<Key, unknown>>(columns: ColumnDefinition<Key>[]) => {\n const accessors = {} as Record<\n keyof TData,\n (key: keyof TData, headerContext: HeaderContext<TData, TData[keyof TData]>) => React.ReactNode\n >\n const sortingColumns: Key[] = []\n const sortingFn: Partial<Record<keyof TData, SortingFnOption<TData>>> = {}\n\n for (const column of columns) {\n accessors[column.title] = () =>\n column.visibleTitle && !TypeGuards.isStringEmpty(column.visibleTitle) ? column.visibleTitle : column.title\n sortingFn[column.title] = column.sortingFn\n\n if (column.enableSorting) sortingColumns.push(column.title)\n }\n\n return { accessors, sortingColumns, sortingFn }\n}\n\nexport const isHorizontalTable = (orientation: OrientationOptions) => {\n if (orientation.type === 'true') return true\n if (orientation.type === 'false') return false\n\n const { condition, operand } = orientation\n\n switch (condition) {\n case '<':\n return operand.left < operand.right\n case '<=':\n return operand.left <= operand.right\n case '===':\n return operand.left === operand.right\n case '!==':\n return operand.left !== operand.right\n case '>':\n return operand.left > operand.right\n case '>=':\n return operand.left >= operand.right\n }\n}\n"],"names":["getHeaderAccessors","columns","accessors","sortingColumns","sortingFn","column","TypeGuards","isHorizontalTable","orientation","condition","operand"],"mappings":"~~4MAIO~~,MAAMA,EAA8EC,GAAqC,CAC9H,MAAMC,EAAY,CAAA,EAIZC,EAAwB,CAAA,EACxBC,EAAkE,CAAA,EAExE,UAAWC,KAAUJ,EACnBC,EAAUG,EAAO,KAAK,EAAI,IACxBA,EAAO,cAAgB,CAACC,EAAW,cAAcD,EAAO,YAAY,EAAIA,EAAO,aAAeA,EAAO,MACvGD,EAAUC,EAAO,KAAK,EAAIA,EAAO,UAE7BA,EAAO,eAAeF,EAAe,KAAKE,EAAO,KAAK,EAG5D,MAAO,CAAE,UAAAH,EAAW,eAAAC,EAAgB,UAAAC,CAAA,CACtC,EAEaG,EAAqBC,GAAoC,CACpE,GAAIA,EAAY,OAAS,OAAQ,MAAO,GACxC,GAAIA,EAAY,OAAS,QAAS,MAAO,GAEzC,KAAM,CAAE,UAAAC,EAAW,QAAAC,CAAA,EAAYF,EAE/B,OAAQC,EAAA,CACN,IAAK,IACH,OAAOC,EAAQ,KAAOA,EAAQ,MAChC,IAAK,KACH,OAAOA,EAAQ,MAAQA,EAAQ,MACjC,IAAK,MACH,OAAOA,EAAQ,OAASA,EAAQ,MAClC,IAAK,MACH,OAAOA,EAAQ,OAASA,EAAQ,MAClC,IAAK,IACH,OAAOA,EAAQ,KAAOA,EAAQ,MAChC,IAAK,KACH,OAAOA,EAAQ,MAAQA,EAAQ,KAAA,CAErC"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../../lib/widgets/table/model/utils.ts"],"sourcesContent":["import { type HeaderContext, type SortingFnOption } from '@tanstack/react-table'\nimport type { ColumnDefinition, OrientationOptions } from './types'\nimport { TypeGuards } from '$/shared/utils'\n\nexport const getHeaderAccessors = <Key extends string, TData extends Record<Key, unknown>>(columns: ColumnDefinition<Key>[]) => {\n const accessors = {} as Record<\n keyof TData,\n (key: keyof TData, headerContext: HeaderContext<TData, TData[keyof TData]>) => React.ReactNode\n >\n const sortingColumns: Key[] = []\n const sortingFn: Partial<Record<keyof TData, SortingFnOption<TData>>> = {}\n\n for (const column of columns) {\n accessors[column.title] = () =>\n column.visibleTitle && !TypeGuards.isStringEmpty(column.visibleTitle) ? column.visibleTitle : column.title\n sortingFn[column.title] = column.sortingFn\n\n if (column.enableSorting) sortingColumns.push(column.title)\n }\n\n return { accessors, sortingColumns, sortingFn }\n}\n\nexport const isHorizontalTable = (orientation: OrientationOptions) => {\n if (orientation.type === 'true') return true\n if (orientation.type === 'false') return false\n\n const { condition, operand } = orientation\n\n switch (condition) {\n case '<':\n return operand.left < operand.right\n case '<=':\n return operand.left <= operand.right\n case '===':\n return operand.left === operand.right\n case '!==':\n return operand.left !== operand.right\n case '>':\n return operand.left > operand.right\n case '>=':\n return operand.left >= operand.right\n }\n}\n"],"names":["getHeaderAccessors","columns","accessors","sortingColumns","sortingFn","column","TypeGuards","isHorizontalTable","orientation","condition","operand"],"mappings":"iEAIO,MAAMA,EAA8EC,GAAqC,CAC9H,MAAMC,EAAY,CAAA,EAIZC,EAAwB,CAAA,EACxBC,EAAkE,CAAA,EAExE,UAAWC,KAAUJ,EACnBC,EAAUG,EAAO,KAAK,EAAI,IACxBA,EAAO,cAAgB,CAACC,EAAW,cAAcD,EAAO,YAAY,EAAIA,EAAO,aAAeA,EAAO,MACvGD,EAAUC,EAAO,KAAK,EAAIA,EAAO,UAE7BA,EAAO,eAAeF,EAAe,KAAKE,EAAO,KAAK,EAG5D,MAAO,CAAE,UAAAH,EAAW,eAAAC,EAAgB,UAAAC,CAAA,CACtC,EAEaG,EAAqBC,GAAoC,CACpE,GAAIA,EAAY,OAAS,OAAQ,MAAO,GACxC,GAAIA,EAAY,OAAS,QAAS,MAAO,GAEzC,KAAM,CAAE,UAAAC,EAAW,QAAAC,CAAA,EAAYF,EAE/B,OAAQC,EAAA,CACN,IAAK,IACH,OAAOC,EAAQ,KAAOA,EAAQ,MAChC,IAAK,KACH,OAAOA,EAAQ,MAAQA,EAAQ,MACjC,IAAK,MACH,OAAOA,EAAQ,OAASA,EAAQ,MAClC,IAAK,MACH,OAAOA,EAAQ,OAASA,EAAQ,MAClC,IAAK,IACH,OAAOA,EAAQ,KAAOA,EAAQ,MAChC,IAAK,KACH,OAAOA,EAAQ,MAAQA,EAAQ,KAAA,CAErC"}

package/dist/lib/widgets/usefulInfo/UsefulInfo.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as g}from"react/jsx-runtime";import{useState as v,useMemo as I}from"react";import{widgetIds as f}from"../model/helpers.js";import{Tabs as y}from"./ui/Tabs.js";import{RenderEntity as T}from"./ui/RenderEntity.js";import{ResponsiveContainer as j}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../shared/utils/cn.js";import"uuid";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/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 k}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"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Wo=({headline:d,tabs:r,classes:o,accordionsConfig:u})=>{var n,e;const[p,h]=v(0),x=I(()=>(r==null?void 0:r.map(m=>({tabName:m.tabName,dataLayers:m.dataLayers})))??[],[r]);return!r||(r==null?void 0:r.length)===0?null:t("section",{id:f.usefulInfo,"data-test-id":f.usefulInfo,className:i(o==null?void 0:o.root),children:g(j,{className:i(o==null?void 0:o.container),children:[t(k,{className:i("text-color-dark",o==null?void 0:o.headline),as:"h2",children:d}),t("div",{className:i("mt-6 flex flex-col gap-2 desktop:mt-12",o==null?void 0:o.tabsWrapper),children:t(y,{tabsShortInfo:x,activeTab:p,setActiveTab:h,classes:o==null?void 0:o.tabs})}),t("div",{className:i("mt-6 flex flex-col gap-8",o==null?void 0:o.contentWrapper),children:(e=(n=r==null?void 0:r[p])==null?void 0:n.contents)==null?void 0:e.map((m,N)=>t(T,{accordionsConfig:u,...m,classes:o==null?void 0:o.entityClasses},N))})]})})};export{Wo as UsefulInfo,Wo as default};
+import{jsx as t,jsxs as c}from"react/jsx-runtime";import{useState as p,useMemo as u}from"react";import{cn as r}from"../../shared/utils/cn.js";import{Tabs as h}from"./ui/Tabs.js";import{RenderEntity as x}from"./ui/RenderEntity.js";import{widgetIds as i}from"../model/helpers.js";import{ResponsiveContainer as N}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Heading as g}from"../../shared/ui/heading/Heading.js";const L=({headline:m,tabs:o,classes:e,accordionsConfig:s})=>{const[n,l]=p(0),f=u(()=>o?.map(a=>({tabName:a.tabName,dataLayers:a.dataLayers}))??[],[o]);return!o||o?.length===0?null:t("section",{id:i.usefulInfo,"data-test-id":i.usefulInfo,className:r(e?.root),children:c(N,{className:r(e?.container),children:[t(g,{className:r("text-color-dark",e?.headline),as:"h2",children:m}),t("div",{className:r("mt-6 flex flex-col gap-2 desktop:mt-12",e?.tabsWrapper),children:t(h,{tabsShortInfo:f,activeTab:n,setActiveTab:l,classes:e?.tabs})}),t("div",{className:r("mt-6 flex flex-col gap-8",e?.contentWrapper),children:o?.[n]?.contents?.map((a,d)=>t(x,{accordionsConfig:s,...a,classes:e?.entityClasses},d))})]})})};export{L as UsefulInfo,L as default};
 //# sourceMappingURL=UsefulInfo.js.map

package/dist/lib/widgets/usefulInfo/UsefulInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UsefulInfo.js","sources":["../../../../lib/widgets/usefulInfo/UsefulInfo.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { widgetIds } from '../model'\nimport type { EntitiesAccordionsConfig, Tab } from './model'\nimport { type EntityClasses, RenderEntity, Tabs, type TabsClasses } from './ui'\nimport { Heading, ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UsefulInfoClasses = {\n root?: string\n container?: string\n tabsWrapper?: string\n tabs?: TabsClasses\n headline?: string\n contentWrapper?: string\n entityClasses?: EntityClasses\n}\n\nexport type UsefulInfoProps = {\n headline: string\n tabs: Tab[]\n classes?: UsefulInfoClasses\n accordionsConfig?: EntitiesAccordionsConfig\n}\n\nexport const UsefulInfo = ({ headline, tabs, classes, accordionsConfig }: UsefulInfoProps) => {\n const [activeTab, setActiveTab] = useState(0)\n\n const tabsShortInfo = useMemo(\n () =>\n tabs?.map((tab) => ({\n tabName: tab.tabName,\n dataLayers: tab.dataLayers\n })) ?? [],\n [tabs]\n )\n\n if (!tabs \|\| tabs?.length === 0) return null\n\n return (\n <section id={widgetIds.usefulInfo} data-test-id={widgetIds.usefulInfo} className={cn(classes?.root)}>\n <ResponsiveContainer className={cn(classes?.container)}>\n <Heading className={cn('text-color-dark', classes?.headline)} as='h2'>\n {headline}\n </Heading>\n <div className={cn('mt-6 flex flex-col gap-2 desktop:mt-12', classes?.tabsWrapper)}>\n <Tabs tabsShortInfo={tabsShortInfo} activeTab={activeTab} setActiveTab={setActiveTab} classes={classes?.tabs} />\n </div>\n <div className={cn('mt-6 flex flex-col gap-8', classes?.contentWrapper)}>\n {tabs?.[activeTab]?.contents?.map((entity, index) => (\n <RenderEntity accordionsConfig={accordionsConfig} key={index} {...entity} classes={classes?.entityClasses} />\n ))}\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default UsefulInfo\n"],"names":["UsefulInfo","headline","tabs","classes","accordionsConfig","activeTab","setActiveTab","useState","tabsShortInfo","useMemo","tab","widgetIds","cn","jsxs","ResponsiveContainer","jsx","Heading","Tabs","~~_b","_a","~~entity","index","RenderEntity"],"mappings":"~~u1FAwBO~~,MAAMA,~~GAAa~~,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,QAAAC,EAAS,iBAAAC,KAAwC,~~SAC5F~~,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,CAAC,EAEtCC,EAAgBC,EACpB,~~KACEP~~,~~GAAA~~,~~YAAAA,EAAM,~~IAAKQ,IAAS,CAClB,QAASA,EAAI,QACb,WAAYA,EAAI,UAAA,~~MACX~~,CAAA,EACT,CAACR,CAAI,CAAA,EAGP,MAAI,CAACA,~~IAAQA~~,~~GAAA~~,~~YAAAA~~,~~EAAM,UAAW,~~EAAU,OAGrC,UAAA,CAAQ,GAAIS,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGT,~~GAAA~~,~~YAAAA,EAAS,~~IAAI,EAChG,SAAAU,EAACC,EAAA,CAAoB,UAAWF,EAAGT,~~GAAA~~,~~YAAAA,EAAS,~~SAAS,EACnD,SAAA,CAAAY,EAACC,EAAA,CAAQ,UAAWJ,EAAG,kBAAmBT,~~GAAA~~,~~YAAAA,EAAS,~~QAAQ,EAAG,GAAG,KAC9D,SAAAF,CAAA,CACH,IACC,MAAA,CAAI,UAAWW,EAAG,yCAA0CT,~~GAAA~~,~~YAAAA,EAAS,~~WAAW,EAC/E,SAAAY,EAACE,EAAA,CAAK,cAAAT,EAA8B,UAAAH,EAAsB,aAAAC,EAA4B,QAASH,~~GAAA~~,~~YAAAA,EAAS,~~KAAM,EAChH,EACAY,EAAC,MAAA,CAAI,UAAWH,EAAG,2BAA4BT,~~GAAA~~,~~YAAAA,EAAS,~~cAAc,EACnE,~~UAAAe~~,~~GAAAC~~,~~EAAAjB~~,~~GAAA~~,~~YAAAA~~,~~EAAOG,KAAP,YAAAc,EAAmB,WAAnB,YAAAD,EAA6B,~~IAAI,~~CAACE~~,EAAQC,~~IACzCN~~,~~EAACO~~,EAAA,CAAa,~~iBAAAlB~~,EAAiD,~~GAAGgB~~,EAAQ,~~QAASjB~~,~~GAAA~~,~~YAAAA~~,~~EAAS~~,~~eAArCkB~~,~~CAAoD~~,~~EAC5G,~~CACH,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"UsefulInfo.js","sources":["../../../../lib/widgets/usefulInfo/UsefulInfo.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { widgetIds } from '../model'\nimport type { EntitiesAccordionsConfig, Tab } from './model'\nimport { type EntityClasses, RenderEntity, Tabs, type TabsClasses } from './ui'\nimport { Heading, ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UsefulInfoClasses = {\n root?: string\n container?: string\n tabsWrapper?: string\n tabs?: TabsClasses\n headline?: string\n contentWrapper?: string\n entityClasses?: EntityClasses\n}\n\nexport type UsefulInfoProps = {\n headline: string\n tabs: Tab[]\n classes?: UsefulInfoClasses\n accordionsConfig?: EntitiesAccordionsConfig\n}\n\nexport const UsefulInfo = ({ headline, tabs, classes, accordionsConfig }: UsefulInfoProps) => {\n const [activeTab, setActiveTab] = useState(0)\n\n const tabsShortInfo = useMemo(\n () =>\n tabs?.map((tab) => ({\n tabName: tab.tabName,\n dataLayers: tab.dataLayers\n })) ?? [],\n [tabs]\n )\n\n if (!tabs \|\| tabs?.length === 0) return null\n\n return (\n <section id={widgetIds.usefulInfo} data-test-id={widgetIds.usefulInfo} className={cn(classes?.root)}>\n <ResponsiveContainer className={cn(classes?.container)}>\n <Heading className={cn('text-color-dark', classes?.headline)} as='h2'>\n {headline}\n </Heading>\n <div className={cn('mt-6 flex flex-col gap-2 desktop:mt-12', classes?.tabsWrapper)}>\n <Tabs tabsShortInfo={tabsShortInfo} activeTab={activeTab} setActiveTab={setActiveTab} classes={classes?.tabs} />\n </div>\n <div className={cn('mt-6 flex flex-col gap-8', classes?.contentWrapper)}>\n {tabs?.[activeTab]?.contents?.map((entity, index) => (\n <RenderEntity accordionsConfig={accordionsConfig} key={index} {...entity} classes={classes?.entityClasses} />\n ))}\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default UsefulInfo\n"],"names":["UsefulInfo","headline","tabs","classes","accordionsConfig","activeTab","setActiveTab","useState","tabsShortInfo","useMemo","tab","widgetIds","cn","jsxs","ResponsiveContainer","jsx","Heading","Tabs","entity","index","RenderEntity"],"mappings":"obAwBO,MAAMA,EAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,QAAAC,EAAS,iBAAAC,KAAwC,CAC5F,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,CAAC,EAEtCC,EAAgBC,EACpB,IACEP,GAAM,IAAKQ,IAAS,CAClB,QAASA,EAAI,QACb,WAAYA,EAAI,UAAA,EAChB,GAAK,CAAA,EACT,CAACR,CAAI,CAAA,EAGP,MAAI,CAACA,GAAQA,GAAM,SAAW,EAAU,OAGrC,UAAA,CAAQ,GAAIS,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGT,GAAS,IAAI,EAChG,SAAAU,EAACC,EAAA,CAAoB,UAAWF,EAAGT,GAAS,SAAS,EACnD,SAAA,CAAAY,EAACC,EAAA,CAAQ,UAAWJ,EAAG,kBAAmBT,GAAS,QAAQ,EAAG,GAAG,KAC9D,SAAAF,CAAA,CACH,IACC,MAAA,CAAI,UAAWW,EAAG,yCAA0CT,GAAS,WAAW,EAC/E,SAAAY,EAACE,EAAA,CAAK,cAAAT,EAA8B,UAAAH,EAAsB,aAAAC,EAA4B,QAASH,GAAS,KAAM,EAChH,EACAY,EAAC,MAAA,CAAI,UAAWH,EAAG,2BAA4BT,GAAS,cAAc,EACnE,SAAAD,IAAOG,CAAS,GAAG,UAAU,IAAI,CAACa,EAAQC,IACzCJ,EAACK,EAAA,CAAa,iBAAAhB,EAAiD,GAAGc,EAAQ,QAASf,GAAS,eAArCgB,CAAoD,CAC5G,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/lib/widgets/usefulInfo/ui/RenderEntity.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as x}from"react/jsx-runtime";import{isExperts as D,isTable as H,isDocuments as T,isHtml as j}from"../model/utils.js";import{Html as v}from"./subEntities/html/Html.js";import{Table as w}from"./subEntities/table/Table.js";import{Documents as N}from"./subEntities/documents/Documents.js";import{Experts as R}from"./subEntities/experts/Experts.js";import{cn as W}from"../../../shared/utils/cn.js";import"uuid";import"react";const d=({entity:e,classes:t,accordionsConfig:m})=>{var b,h,A,E;switch(!0){case j(e):return(b=e.details)==null?void 0:b.map((p,u)=>{var r;return x(v,{...p,accordionConfig:m==null?void 0:m.htmlAccordion,classes:(r=t==null?void 0:t.entities)==null?void 0:r.html},u)});case T(e):return(h=e.details)==null?void 0:h.map((p,u)=>{var r;return x(N,{accordionConfig:m==null?void 0:m.documentAccordion,...p,classes:(r=t==null?void 0:t.entities)==null?void 0:r.documents},u)});case H(e):return(A=e.details)==null?void 0:A.map((p,u)=>{var r;return x(w,{accordionConfig:m==null?void 0:m.tableAccordion,...p,classes:(r=t==null?void 0:t.entities)==null?void 0:r.table},u)});case D(e):return(E=e.details)==null?void 0:E.map((p,u)=>{var r;return x(R,{accordionConfig:m==null?void 0:m.expertsAccordion,...p,classes:(r=t==null?void 0:t.entities)==null?void 0:r.experts},u)});default:return null}},K=({entity:e,classes:t,accordionsConfig:m})=>x("div",{className:W("flex flex-col gap-8",t==null?void 0:t.entityWrapper),children:d({entity:e,classes:t,accordionsConfig:m})});export{K as RenderEntity};
+import{jsx as m}from"react/jsx-runtime";import{cn as s}from"../../../shared/utils/cn.js";import{isExperts as c,isTable as n,isDocuments as a,isHtml as l}from"../model/utils.js";import{Experts as p}from"./subEntities/experts/Experts.js";import{Table as d}from"./subEntities/table/Table.js";import{Documents as u}from"./subEntities/documents/Documents.js";import{Html as f}from"./subEntities/html/Html.js";const x=({entity:r,classes:e,accordionsConfig:i})=>{switch(!0){case l(r):return r.details?.map((t,o)=>m(f,{...t,accordionConfig:i?.htmlAccordion,classes:e?.entities?.html},o));case a(r):return r.details?.map((t,o)=>m(u,{accordionConfig:i?.documentAccordion,...t,classes:e?.entities?.documents},o));case n(r):return r.details?.map((t,o)=>m(d,{accordionConfig:i?.tableAccordion,...t,classes:e?.entities?.table},o));case c(r):return r.details?.map((t,o)=>m(p,{accordionConfig:i?.expertsAccordion,...t,classes:e?.entities?.experts},o));default:return null}},T=({entity:r,classes:e,accordionsConfig:i})=>m("div",{className:s("flex flex-col gap-8",e?.entityWrapper),children:x({entity:r,classes:e,accordionsConfig:i})});export{T as RenderEntity};
 //# sourceMappingURL=RenderEntity.js.map

package/dist/lib/widgets/usefulInfo/ui/RenderEntity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RenderEntity.js","sources":["../../../../../lib/widgets/usefulInfo/ui/RenderEntity.tsx"],"sourcesContent":["import { type EntitiesAccordionsConfig, type Entity, isDocuments, isExperts, isHtml, isTable } from '../model'\nimport {\n Documents,\n type EntityDocumentsClasses,\n type EntityExpertsClasses,\n type EntityHtmlClasses,\n type EntityTableClasses,\n Experts,\n Html,\n Table\n} from './subEntities'\nimport { cn } from '$/shared/utils'\n\nexport type EntityClasses = {\n entityWrapper?: string\n entities?: {\n html?: EntityHtmlClasses\n documents?: EntityDocumentsClasses\n table?: EntityTableClasses\n experts?: EntityExpertsClasses\n }\n}\n\nexport interface RenderEntityProps {\n entity: Entity\n classes?: EntityClasses\n accordionsConfig?: EntitiesAccordionsConfig\n}\n\nconst renderEntity = ({ entity, classes, accordionsConfig }: RenderEntityProps) => {\n switch (true) {\n case isHtml(entity):\n return entity.details?.map((htmlDetails, index) => (\n <Html key={index} {...htmlDetails} accordionConfig={accordionsConfig?.htmlAccordion} classes={classes?.entities?.html} />\n ))\n\n case isDocuments(entity):\n return entity.details?.map((documentsDetails, index) => (\n <Documents\n key={index}\n accordionConfig={accordionsConfig?.documentAccordion}\n {...documentsDetails}\n classes={classes?.entities?.documents}\n />\n ))\n\n case isTable(entity):\n return entity.details?.map((tableDetails, index) => (\n <Table\n key={index}\n accordionConfig={accordionsConfig?.tableAccordion}\n {...tableDetails}\n classes={classes?.entities?.table}\n />\n ))\n\n case isExperts(entity):\n return entity.details?.map((expertsDetails, index) => (\n <Experts\n key={index}\n accordionConfig={accordionsConfig?.expertsAccordion}\n {...expertsDetails}\n classes={classes?.entities?.experts}\n />\n ))\n\n default:\n return null\n }\n}\n\nexport const RenderEntity = ({ entity, classes, accordionsConfig }: RenderEntityProps) => {\n return (\n <div className={cn('flex flex-col gap-8', classes?.entityWrapper)}>{renderEntity({ entity, classes, accordionsConfig })}</div>\n )\n}\n"],"names":["renderEntity","entity","classes","accordionsConfig","isHtml","~~_a","~~htmlDetails","index","Html","isDocuments","~~_b","~~documentsDetails","jsx","Documents","isTable","~~_c","~~tableDetails","Table","isExperts","~~_d","~~expertsDetails","Experts","RenderEntity","cn"],"mappings":"~~+aA6BA~~,MAAMA,EAAe,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,iBAAAC,KAA0C,~~aACjF~~,OAAQ,GAAA,CACN,KAAKC,EAAOH,CAAM,EAChB,~~OAAOI~~,~~EAAAJ,~~EAAO,~~UAAP~~,~~YAAAI,EAAgB,~~IAAI,~~CAACC~~,EAAaC,~~IAAA~~,~~gBACtCC,~~EAAA,CAAkB,GAAGF,EAAa,~~gBAAiBH~~,~~GAAA~~,~~YAAAA,EAAkB,~~cAAe,~~SAASE~~,~~EAAAH~~,~~GAAA~~,~~YAAAA~~,~~EAAS~~,~~WAAT~~,~~YAAAG~~,~~EAAmB,MAAtGE,CAA4G,IAG3H,~~KAAKE,~~EAAYR~~,CAAM,EACrB,~~OAAOS~~,~~EAAAT,~~EAAO,~~UAAP~~,~~YAAAS,EAAgB,~~IAAI,~~CAACC~~,~~EAAkBJ~~,~~IAAA~~,~~OAC5C,OAAAK,~~EAACC,EAAA,CAEC,~~gBAAiBV~~,~~GAAA~~,~~YAAAA,EAAkB,~~kBAClC,~~GAAGQ~~,EACJ,~~SAASN~~,~~EAAAH~~,~~GAAA~~,~~YAAAA,EAAS,WAAT,YAAAG,EAAmB,~~SAAA,~~EAHvBE~~,CAAA,~~IAOX~~,~~KAAKO~~,~~EAAQb~~,CAAM,EACjB,~~OAAOc~~,~~EAAAd,~~EAAO,~~UAAP~~,~~YAAAc,EAAgB,~~IAAI,~~CAACC~~,~~EAAcT~~,~~IAAA~~,~~OACxC~~,~~OAAAK,EAACK,~~EAAA,CAEC,~~gBAAiBd~~,~~GAAA~~,~~YAAAA,EAAkB,~~eAClC,~~GAAGa~~,EACJ,~~SAASX~~,~~EAAAH~~,~~GAAA~~,~~YAAAA,EAAS,WAAT,YAAAG,EAAmB,~~KAAA,~~EAHvBE~~,CAAA,~~IAOX~~,~~KAAKW~~,~~EAAUjB~~,CAAM,EACnB,~~OAAOkB~~,~~EAAAlB,~~EAAO,~~UAAP~~,~~YAAAkB,EAAgB,~~IAAI,~~CAACC~~,~~EAAgBb~~,~~IAAA~~,~~OAC1C~~,~~OAAAK,EAACS,~~EAAA,CAEC,~~gBAAiBlB~~,~~GAAA~~,~~YAAAA,EAAkB,~~iBAClC,~~GAAGiB~~,EACJ,~~SAASf~~,~~EAAAH~~,~~GAAA~~,~~YAAAA,EAAS,WAAT,YAAAG,EAAmB,~~OAAA,~~EAHvBE~~,CAAA,~~IAOX~~,QACE,OAAO,IAAA,CAEb,~~EAEae~~,EAAe,CAAC,CAAE,~~OAAArB~~,EAAQ,QAAAC,EAAS,iBAAAC,~~KAE5CS~~,EAAC,MAAA,CAAI,~~UAAWW~~,EAAG,~~sBAAuBrB~~,~~GAAA~~,~~YAAAA,EAAS,~~aAAa,EAAI,SAAAF,EAAa,CAAE,OAAAC,EAAQ,QAAAC,EAAS,iBAAAC,CAAA,CAAkB,EAAE"}
1	+ {"version":3,"file":"RenderEntity.js","sources":["../../../../../lib/widgets/usefulInfo/ui/RenderEntity.tsx"],"sourcesContent":["import { type EntitiesAccordionsConfig, type Entity, isDocuments, isExperts, isHtml, isTable } from '../model'\nimport {\n Documents,\n type EntityDocumentsClasses,\n type EntityExpertsClasses,\n type EntityHtmlClasses,\n type EntityTableClasses,\n Experts,\n Html,\n Table\n} from './subEntities'\nimport { cn } from '$/shared/utils'\n\nexport type EntityClasses = {\n entityWrapper?: string\n entities?: {\n html?: EntityHtmlClasses\n documents?: EntityDocumentsClasses\n table?: EntityTableClasses\n experts?: EntityExpertsClasses\n }\n}\n\nexport interface RenderEntityProps {\n entity: Entity\n classes?: EntityClasses\n accordionsConfig?: EntitiesAccordionsConfig\n}\n\nconst renderEntity = ({ entity, classes, accordionsConfig }: RenderEntityProps) => {\n switch (true) {\n case isHtml(entity):\n return entity.details?.map((htmlDetails, index) => (\n <Html key={index} {...htmlDetails} accordionConfig={accordionsConfig?.htmlAccordion} classes={classes?.entities?.html} />\n ))\n\n case isDocuments(entity):\n return entity.details?.map((documentsDetails, index) => (\n <Documents\n key={index}\n accordionConfig={accordionsConfig?.documentAccordion}\n {...documentsDetails}\n classes={classes?.entities?.documents}\n />\n ))\n\n case isTable(entity):\n return entity.details?.map((tableDetails, index) => (\n <Table\n key={index}\n accordionConfig={accordionsConfig?.tableAccordion}\n {...tableDetails}\n classes={classes?.entities?.table}\n />\n ))\n\n case isExperts(entity):\n return entity.details?.map((expertsDetails, index) => (\n <Experts\n key={index}\n accordionConfig={accordionsConfig?.expertsAccordion}\n {...expertsDetails}\n classes={classes?.entities?.experts}\n />\n ))\n\n default:\n return null\n }\n}\n\nexport const RenderEntity = ({ entity, classes, accordionsConfig }: RenderEntityProps) => {\n return (\n <div className={cn('flex flex-col gap-8', classes?.entityWrapper)}>{renderEntity({ entity, classes, accordionsConfig })}</div>\n )\n}\n"],"names":["renderEntity","entity","classes","accordionsConfig","isHtml","htmlDetails","index","Html","isDocuments","documentsDetails","jsx","Documents","isTable","tableDetails","Table","isExperts","expertsDetails","Experts","RenderEntity","cn"],"mappings":"oZA6BA,MAAMA,EAAe,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,iBAAAC,KAA0C,CACjF,OAAQ,GAAA,CACN,KAAKC,EAAOH,CAAM,EAChB,OAAOA,EAAO,SAAS,IAAI,CAACI,EAAaC,MACtCC,EAAA,CAAkB,GAAGF,EAAa,gBAAiBF,GAAkB,cAAe,QAASD,GAAS,UAAU,MAAtGI,CAA4G,CACxH,EAEH,KAAKE,EAAYP,CAAM,EACrB,OAAOA,EAAO,SAAS,IAAI,CAACQ,EAAkBH,IAC5CI,EAACC,EAAA,CAEC,gBAAiBR,GAAkB,kBAClC,GAAGM,EACJ,QAASP,GAAS,UAAU,SAAA,EAHvBI,CAAA,CAKR,EAEH,KAAKM,EAAQX,CAAM,EACjB,OAAOA,EAAO,SAAS,IAAI,CAACY,EAAcP,IACxCI,EAACI,EAAA,CAEC,gBAAiBX,GAAkB,eAClC,GAAGU,EACJ,QAASX,GAAS,UAAU,KAAA,EAHvBI,CAAA,CAKR,EAEH,KAAKS,EAAUd,CAAM,EACnB,OAAOA,EAAO,SAAS,IAAI,CAACe,EAAgBV,IAC1CI,EAACO,EAAA,CAEC,gBAAiBd,GAAkB,iBAClC,GAAGa,EACJ,QAASd,GAAS,UAAU,OAAA,EAHvBI,CAAA,CAKR,EAEH,QACE,OAAO,IAAA,CAEb,EAEaY,EAAe,CAAC,CAAE,OAAAjB,EAAQ,QAAAC,EAAS,iBAAAC,KAE5CO,EAAC,MAAA,CAAI,UAAWS,EAAG,sBAAuBjB,GAAS,aAAa,EAAI,SAAAF,EAAa,CAAE,OAAAC,EAAQ,QAAAC,EAAS,iBAAAC,CAAA,CAAkB,EAAE"}

package/dist/lib/widgets/usefulInfo/ui/Tabs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as d}from"react/jsx-runtime";import{cn as m}from"../../../shared/utils/cn.js";import"uuid";import"react";const f=({tabsShortInfo:e,activeTab:n,setActiveTab:p,classes:o})=>d("div",{className:m("hidden-scroll flex items-center gap-4 overflow-x-auto",o==null?void 0:o.tabs),children:e&&e.map((r,t)=>{var i;return d("button",{"aria-label":r.tabName,"data-layer-id":(i=r==null?void 0:r.dataLayers)==null?void 0:i.targetId,onClick:()=>p(t),className:m("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":n===t},o==null?void 0:o.button),children:r.tabName},r.tabName)})});export{f as Tabs};
+import{jsx as a}from"react/jsx-runtime";import{cn as l}from"../../../shared/utils/cn.js";const m=({tabsShortInfo:o,activeTab:d,setActiveTab:i,classes:r})=>a("div",{className:l("hidden-scroll flex items-center gap-4 overflow-x-auto",r?.tabs),children:o&&o.map((e,t)=>a("button",{"aria-label":e.tabName,"data-layer-id":e?.dataLayers?.targetId,onClick:()=>i(t),className:l("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":d===t},r?.button),children:e.tabName},e.tabName))});export{m as Tabs};
 //# sourceMappingURL=Tabs.js.map

package/dist/lib/widgets/usefulInfo/ui/Tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.js","sources":["../../../../../lib/widgets/usefulInfo/ui/Tabs.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { type Tab } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type TabsClasses = {\n tabs?: string\n button?: string\n}\n\ntype TabsShortInfo = Pick<Tab, 'tabName' \| 'dataLayers'> & {}\n\nexport interface TabsProps {\n tabsShortInfo?: TabsShortInfo[]\n activeTab?: number\n setActiveTab: Dispatch<SetStateAction<number>>\n classes?: TabsClasses\n}\n\nexport const Tabs = ({ tabsShortInfo, activeTab, setActiveTab, classes }: TabsProps) => {\n return (\n <div className={cn('hidden-scroll flex items-center gap-4 overflow-x-auto', classes?.tabs)}>\n {tabsShortInfo &&\n tabsShortInfo.map((tab, tabIndex) => (\n <button\n aria-label={tab.tabName}\n key={tab.tabName}\n data-layer-id={tab?.dataLayers?.targetId}\n onClick={() => setActiveTab(tabIndex)}\n className={cn(\n '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',\n {\n 'bg-icon-primary-default text-color-white': activeTab === tabIndex\n },\n classes?.button\n )}\n >\n {tab.tabName}\n </button>\n ))}\n </div>\n )\n}\n"],"names":["Tabs","tabsShortInfo","activeTab","setActiveTab","classes","jsx","cn","tab","tabIndex"~~,"_a"~~],"mappings":"~~oHAkBO~~,MAAMA,EAAO,CAAC,CAAE,cAAAC,EAAe,UAAAC,EAAW,aAAAC,EAAc,QAAAC,KAE3DC,EAAC,MAAA,CAAI,UAAWC,EAAG,wDAAyDF,~~GAAA~~,~~YAAAA,EAAS,~~IAAI,EACtF,SAAAH,GACCA,EAAc,IAAI,CAACM,EAAKC,~~WACtB~~,~~OAAAH,~~EAAC,SAAA,CACC,aAAYE,EAAI,QAEhB,~~iBAAeE~~,~~EAAAF~~,~~GAAA~~,~~YAAAA,EAAK,aAAL,YAAAE,EAAiB,~~SAChC,QAAS,~~IAAMN~~,EAAaK,CAAQ,EACpC,UAAWF,EACT,qOACA,CACE,2CAA4CJ,IAAcM,CAAA,EAE5DJ,~~GAAA~~,~~YAAAA,EAAS,~~MAAA,EAGV,SAAAG,EAAI,OAAA,EAXAA,EAAI,OAAA,~~EAaZ~~,EACL"}
1	+ {"version":3,"file":"Tabs.js","sources":["../../../../../lib/widgets/usefulInfo/ui/Tabs.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { type Tab } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type TabsClasses = {\n tabs?: string\n button?: string\n}\n\ntype TabsShortInfo = Pick<Tab, 'tabName' \| 'dataLayers'> & {}\n\nexport interface TabsProps {\n tabsShortInfo?: TabsShortInfo[]\n activeTab?: number\n setActiveTab: Dispatch<SetStateAction<number>>\n classes?: TabsClasses\n}\n\nexport const Tabs = ({ tabsShortInfo, activeTab, setActiveTab, classes }: TabsProps) => {\n return (\n <div className={cn('hidden-scroll flex items-center gap-4 overflow-x-auto', classes?.tabs)}>\n {tabsShortInfo &&\n tabsShortInfo.map((tab, tabIndex) => (\n <button\n aria-label={tab.tabName}\n key={tab.tabName}\n data-layer-id={tab?.dataLayers?.targetId}\n onClick={() => setActiveTab(tabIndex)}\n className={cn(\n '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',\n {\n 'bg-icon-primary-default text-color-white': activeTab === tabIndex\n },\n classes?.button\n )}\n >\n {tab.tabName}\n </button>\n ))}\n </div>\n )\n}\n"],"names":["Tabs","tabsShortInfo","activeTab","setActiveTab","classes","jsx","cn","tab","tabIndex"],"mappings":"yFAkBO,MAAMA,EAAO,CAAC,CAAE,cAAAC,EAAe,UAAAC,EAAW,aAAAC,EAAc,QAAAC,KAE3DC,EAAC,MAAA,CAAI,UAAWC,EAAG,wDAAyDF,GAAS,IAAI,EACtF,SAAAH,GACCA,EAAc,IAAI,CAACM,EAAKC,IACtBH,EAAC,SAAA,CACC,aAAYE,EAAI,QAEhB,gBAAeA,GAAK,YAAY,SAChC,QAAS,IAAMJ,EAAaK,CAAQ,EACpC,UAAWF,EACT,qOACA,CACE,2CAA4CJ,IAAcM,CAAA,EAE5DJ,GAAS,MAAA,EAGV,SAAAG,EAAI,OAAA,EAXAA,EAAI,OAAA,CAaZ,EACL"}

package/dist/lib/widgets/usefulInfo/ui/subEntities/documents/Documents.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as t,Fragment as N}from"react/jsx-runtime";import{Document as b}from"./ui/document/Document.js";import{cn as o}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{Accordion as v}from"../../../../../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 D}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"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Tr=({docs:i,config:m,title:e,iconType:l,description:x,classes:r,accordionConfig:p})=>{const h=u("div",{className:o("flex max-w-[680px] flex-col",r==null?void 0:r.wrapper),children:[e&&t(D,{as:"h4",className:"mb-4",children:e}),t("div",{className:o("flex flex-col gap-4",r==null?void 0:r.documentsWrapper),children:i==null?void 0:i.map(d=>t(b,{iconType:l,...d,classes:r==null?void 0:r.singleDocument},d.label))}),x&&t("div",{className:o("mt-4",r==null?void 0:r.description),dangerouslySetInnerHTML:{__html:x??""}})]});return t(N,{children:m&&(m!=null&&m.isAccordion)&&(m!=null&&m.accordionTitle)?t(v,{label:m==null?void 0:m.accordionTitle,...p,children:(p==null?void 0:p.children)||h}):h})};export{Tr as Documents};
+import{jsxs as p,jsx as e,Fragment as s}from"react/jsx-runtime";import{cn as l}from"../../../../../shared/utils/cn.js";import{Document as x}from"./ui/document/Document.js";import{Heading as h}from"../../../../../shared/ui/heading/Heading.js";import{Accordion as u}from"../../../../../shared/ui/accordion/Accordion.js";const T=({docs:i,config:r,title:o,iconType:d,description:n,classes:m,accordionConfig:c})=>{const t=p("div",{className:l("flex max-w-[680px] flex-col",m?.wrapper),children:[o&&e(h,{as:"h4",className:"mb-4",children:o}),e("div",{className:l("flex flex-col gap-4",m?.documentsWrapper),children:i?.map(a=>e(x,{iconType:d,...a,classes:m?.singleDocument},a.label))}),n&&e("div",{className:l("mt-4",m?.description),dangerouslySetInnerHTML:{__html:n??""}})]});return e(s,{children:r&&r?.isAccordion&&r?.accordionTitle?e(u,{label:r?.accordionTitle,...c,children:c?.children||t}):t})};export{T as Documents};
 //# sourceMappingURL=Documents.js.map