npm - @scbt-ecom/ui - Versions diffs - 0.115.5 → 0.115.7 - Mend

@scbt-ecom/ui 0.115.5 → 0.115.7

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 (310) hide show

package/dist/lib/widgets/model/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":";iGACA,MAAMA,EAASC,EAAK,UAAM,OAAO,qBAAkB~~,+xGAAC~~,EAC9CC,EAAaD,EAAK,UAAM,OAAO,6BAA0B,~~y8GAAC~~,EAC1DE,EAAcF,EAAK,UAAM,OAAO,+BAA4B,~~s8GAAC~~,EAC7DG,EAAoBH,EAAK,UAAM,OAAO,2CAAwC,~~s5GAAC~~,EAC/EI,EAASJ,EAAK,UAAM,OAAO,qBAAkB,~~0lGAAC~~,EAC9CK,EAASL,EAAK,UAAM,OAAO,qBAAkB,~~qkGAAC~~,EAC9CM,EAAeN,EAAK,UAAM,OAAO,iCAA8B,~~skGAAC~~,EAChEO,EAAaP,EAAK,UAAM,OAAO,6BAA0B,~~qkGAAC~~,EAC1DQ,EAAYR,EAAK,UAAM,OAAO,2BAAwB,~~0nGAAC~~,EACvDS,EAAUT,EAAK,UAAM,OAAO,uBAAoB,~~0nGAAC~~,EACjDU,EAAaV,EAAK,UAAM,OAAO,6BAA0B,~~snGAAC~~,EAC1DW,EAAUX,EAAK,UAAM,OAAO,uBAAoB,~~2jGAAC~~,EACjDY,EAAYZ,EAAK,UAAM,OAAO,2BAAwB,~~4kGAAC~~,EACvDa,EAAeb,EAAK,UAAM,OAAO,iCAA8B,~~0rGAAC~~,EAIzDc,EAAkB,CAC7B,OAAQT,EACR,UAAWG,EACX,OAAQT,EACR,WAAYE,EACZ,KAAMC,EACN,WAAYC,EACZ,QAASM,EACT,QAASE,EACT,WAAYJ,EACZ,WAAYG,EACZ,aAAcJ,EACd,OAAQF,EACR,UAAWQ,EACX,aAAcC,CAChB,EAEaE,EAAsB,OAAO,KAAKD,CAAe,EAEjDE,EAAYD,EAAoB,OAC3C,CAACE,EAAKC,KACJD,EAAIC,CAAM,EAAIA,EACPD,GAET,EACF","names":["Banner","lazy","Calculator","DynamicForm","DynamicFormDialog","Footer","Header","InterLinking","LongBanner","SeoHeader","Stepper","UsefulInfo","Benefit","InfoBlock","UserFeedback","WIDGET_LIST_MAP","KEYS_OF_WIDGET_LIST","widgetIds","acc","widget"],"ignoreList":[],"sources":["../../../../lib/widgets/model/helpers.ts"],"sourcesContent":["import { lazy } from 'react'\nconst Banner = lazy(() => import('../banner/Banner'))\nconst Calculator = lazy(() => import('../calculator/Calculator'))\nconst DynamicForm = lazy(() => import('../dynamicForm/DynamicForm'))\nconst DynamicFormDialog = lazy(() => import('../dynamicFormDialog/DynamicFormDialog'))\nconst Footer = lazy(() => import('../footer/Footer'))\nconst Header = lazy(() => import('../header/Header'))\nconst InterLinking = lazy(() => import('../interLinking/InterLinking'))\nconst LongBanner = lazy(() => import('../longBanner/LongBanner'))\nconst SeoHeader = lazy(() => import('../seoHeader/SeoHeader'))\nconst Stepper = lazy(() => import('../stepper/Stepper'))\nconst UsefulInfo = lazy(() => import('../usefulInfo/UsefulInfo'))\nconst Benefit = lazy(() => import('../benefit/Benefit'))\nconst InfoBlock = lazy(() => import('../infoBlock/InfoBlock'))\nconst UserFeedback = lazy(() => import('../userFeedback/UserFeedback'))\n\nexport type AllowedWidgets = keyof typeof WIDGET_LIST_MAP\n\nexport const WIDGET_LIST_MAP = {\n header: Header,\n seoHeader: SeoHeader,\n banner: Banner,\n calculator: Calculator,\n form: DynamicForm,\n formDialog: DynamicFormDialog,\n stepper: Stepper,\n benefit: Benefit,\n longBanner: LongBanner,\n usefulInfo: UsefulInfo,\n interLinking: InterLinking,\n footer: Footer,\n infoBlock: InfoBlock,\n userFeedback: UserFeedback\n} as const\n\nexport const KEYS_OF_WIDGET_LIST = Object.keys(WIDGET_LIST_MAP) as readonly AllowedWidgets[]\n\nexport const widgetIds = KEYS_OF_WIDGET_LIST.reduce(\n (acc, widget) => {\n acc[widget] = widget\n return acc\n },\n {} as Record<AllowedWidgets, AllowedWidgets>\n)\n"],"file":"lib/widgets/model/helpers.js"}
1	+ {"version":3,"mappings":";iGACA,MAAMA,EAASC,EAAK,UAAM,OAAO,qBAAkB,myGAAC,EAC9CC,EAAaD,EAAK,UAAM,OAAO,6BAA0B,i+GAAC,EAC1DE,EAAcF,EAAK,UAAM,OAAO,+BAA4B,08GAAC,EAC7DG,EAAoBH,EAAK,UAAM,OAAO,2CAAwC,05GAAC,EAC/EI,EAASJ,EAAK,UAAM,OAAO,qBAAkB,0pGAAC,EAC9CK,EAASL,EAAK,UAAM,OAAO,qBAAkB,qoGAAC,EAC9CM,EAAeN,EAAK,UAAM,OAAO,iCAA8B,soGAAC,EAChEO,EAAaP,EAAK,UAAM,OAAO,6BAA0B,qoGAAC,EAC1DQ,EAAYR,EAAK,UAAM,OAAO,2BAAwB,0rGAAC,EACvDS,EAAUT,EAAK,UAAM,OAAO,uBAAoB,0rGAAC,EACjDU,EAAaV,EAAK,UAAM,OAAO,6BAA0B,urGAAC,EAC1DW,EAAUX,EAAK,UAAM,OAAO,uBAAoB,2nGAAC,EACjDY,EAAYZ,EAAK,UAAM,OAAO,2BAAwB,4oGAAC,EACvDa,EAAeb,EAAK,UAAM,OAAO,iCAA8B,0vGAAC,EAIzDc,EAAkB,CAC7B,OAAQT,EACR,UAAWG,EACX,OAAQT,EACR,WAAYE,EACZ,KAAMC,EACN,WAAYC,EACZ,QAASM,EACT,QAASE,EACT,WAAYJ,EACZ,WAAYG,EACZ,aAAcJ,EACd,OAAQF,EACR,UAAWQ,EACX,aAAcC,CAChB,EAEaE,EAAsB,OAAO,KAAKD,CAAe,EAEjDE,EAAYD,EAAoB,OAC3C,CAACE,EAAKC,KACJD,EAAIC,CAAM,EAAIA,EACPD,GAET,EACF","names":["Banner","lazy","Calculator","DynamicForm","DynamicFormDialog","Footer","Header","InterLinking","LongBanner","SeoHeader","Stepper","UsefulInfo","Benefit","InfoBlock","UserFeedback","WIDGET_LIST_MAP","KEYS_OF_WIDGET_LIST","widgetIds","acc","widget"],"ignoreList":[],"sources":["../../../../lib/widgets/model/helpers.ts"],"sourcesContent":["import { lazy } from 'react'\nconst Banner = lazy(() => import('../banner/Banner'))\nconst Calculator = lazy(() => import('../calculator/Calculator'))\nconst DynamicForm = lazy(() => import('../dynamicForm/DynamicForm'))\nconst DynamicFormDialog = lazy(() => import('../dynamicFormDialog/DynamicFormDialog'))\nconst Footer = lazy(() => import('../footer/Footer'))\nconst Header = lazy(() => import('../header/Header'))\nconst InterLinking = lazy(() => import('../interLinking/InterLinking'))\nconst LongBanner = lazy(() => import('../longBanner/LongBanner'))\nconst SeoHeader = lazy(() => import('../seoHeader/SeoHeader'))\nconst Stepper = lazy(() => import('../stepper/Stepper'))\nconst UsefulInfo = lazy(() => import('../usefulInfo/UsefulInfo'))\nconst Benefit = lazy(() => import('../benefit/Benefit'))\nconst InfoBlock = lazy(() => import('../infoBlock/InfoBlock'))\nconst UserFeedback = lazy(() => import('../userFeedback/UserFeedback'))\n\nexport type AllowedWidgets = keyof typeof WIDGET_LIST_MAP\n\nexport const WIDGET_LIST_MAP = {\n header: Header,\n seoHeader: SeoHeader,\n banner: Banner,\n calculator: Calculator,\n form: DynamicForm,\n formDialog: DynamicFormDialog,\n stepper: Stepper,\n benefit: Benefit,\n longBanner: LongBanner,\n usefulInfo: UsefulInfo,\n interLinking: InterLinking,\n footer: Footer,\n infoBlock: InfoBlock,\n userFeedback: UserFeedback\n} as const\n\nexport const KEYS_OF_WIDGET_LIST = Object.keys(WIDGET_LIST_MAP) as readonly AllowedWidgets[]\n\nexport const widgetIds = KEYS_OF_WIDGET_LIST.reduce(\n (acc, widget) => {\n acc[widget] = widget\n return acc\n },\n {} as Record<AllowedWidgets, AllowedWidgets>\n)\n"],"file":"lib/widgets/model/helpers.js"}

package/dist/lib/widgets/queryClientProvider/QueryClientProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{QueryClient as i}from"../../../node_modules/@tanstack/query-core/build/modern/queryClient.js";import{QueryClientProvider as o}from"../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";const t=new i,u=({children:r})=>e(o,{client:t,children:r});export{u as QueryClientProvider,t as queryClient};
+import{jsx as e}from"react/jsx-runtime";import{QueryClientProvider as i}from"../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";import{QueryClient as o}from"../../../node_modules/@tanstack/query-core/build/modern/queryClient.js";const t=new o,u=({children:r})=>e(i,{client:t,children:r});export{u as QueryClientProvider,t as queryClient};
 //# sourceMappingURL=QueryClientProvider.js.map

package/dist/lib/widgets/seoHeader/SeoHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as d}from"react/jsx-runtime";import{ResponsiveContainer as f}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as s}from"../../shared/utils/cn.js";import{capitalize as n}from"../../shared/utils/capitalize.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react";import{useDevice as c}from"../../shared/hooks/useDevice.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Breadcrumbs as u}from"../breadcrumbs/Breadcrumbs.js";import{widgetIds as e}from"../model/helpers.js";import{CategoriesDesktop as b}from"./ui/desktop/CategoriesDesktop.js";import{CategoriesMobile as g}from"./ui/mobile/CategoriesMobile.js";const ro=({categories:t,helpers:m,phone:p,breadcrumbs:a,classes:r})=>{const{isMobile:l}=c();return o("div",{id:e.seoHeader,"data-test-id":e.seoHeader,className:s("w-full bg-color-white",r==null?void 0:r.root),children:d(f,{className:"mx-auto w-full",children:[o(g,{categories:t.map(i=>i.children).flat(),helpers:m,phone:p}),o(b,{categories:t,helpers:m,phone:p}),o(u,{ellipsis:l?1:void 0,breadcrumbs:a,matcher:i=>({label:n(i.label).split("-").join(" ")})})]})})};export{ro as SeoHeader,ro as default};
+import{jsx as o,jsxs as d}from"react/jsx-runtime";import{ResponsiveContainer as f}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as s}from"../../shared/utils/cn.js";import{capitalize as n}from"../../shared/utils/capitalize.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react";import{useDevice as c}from"../../shared/hooks/useDevice.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Breadcrumbs as u}from"../breadcrumbs/Breadcrumbs.js";import{widgetIds as e}from"../model/helpers.js";import{CategoriesDesktop as b}from"./ui/desktop/CategoriesDesktop.js";import{CategoriesMobile as g}from"./ui/mobile/CategoriesMobile.js";const io=({categories:t,helpers:m,phone:p,breadcrumbs:a,classes:r})=>{const{isMobile:l}=c();return o("div",{id:e.seoHeader,"data-test-id":e.seoHeader,className:s("w-full bg-color-white",r==null?void 0:r.root),children:d(f,{className:"mx-auto w-full",children:[o(g,{categories:t.map(i=>i.children).flat(),helpers:m,phone:p}),o(b,{categories:t,helpers:m,phone:p}),o(u,{ellipsis:l?1:void 0,breadcrumbs:a,matcher:i=>({label:n(i.label).split("-").join(" ")})})]})})};export{io as SeoHeader,io as default};
 //# sourceMappingURL=SeoHeader.js.map

package/dist/lib/widgets/seoHeader/SeoHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SeoHeader.js","sources":["../../../../lib/widgets/seoHeader/SeoHeader.tsx"],"sourcesContent":["import { ResponsiveContainer } from '../../shared/ui'\nimport { type Breadcrumb, Breadcrumbs } from '../breadcrumbs'\nimport { widgetIds } from '../model'\nimport type { Category, SeoHeaderHelpers } from './model'\nimport { CategoriesDesktop, CategoriesMobile } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { capitalize, cn } from '$/shared/utils'\n\nexport type SeoHeaderClasses = {\n root?: string\n}\n\nexport type SeoHeaderProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n breadcrumbs: Breadcrumb[]\n phone: string\n classes?: SeoHeaderClasses\n}\n\nexport const SeoHeader = ({ categories, helpers, phone, breadcrumbs, classes }: SeoHeaderProps) => {\n const { isMobile } = useDevice()\n\n return (\n <div id={widgetIds.seoHeader} data-test-id={widgetIds.seoHeader} className={cn('w-full bg-color-white', classes?.root)}>\n <ResponsiveContainer className='mx-auto w-full'>\n <CategoriesMobile categories={categories.map((category) => category.children).flat()} helpers={helpers} phone={phone} />\n <CategoriesDesktop categories={categories} helpers={helpers} phone={phone} />\n <Breadcrumbs\n ellipsis={isMobile ? 1 : undefined}\n breadcrumbs={breadcrumbs}\n matcher={(breadcrumb) => ({ label: capitalize(breadcrumb.label).split('-').join(' ') })}\n />\n </ResponsiveContainer>\n </div>\n )\n}\n\nexport default SeoHeader\n"],"names":["SeoHeader","categories","helpers","phone","breadcrumbs","classes","isMobile","useDevice","widgetIds","cn","jsxs","ResponsiveContainer","jsx","CategoriesMobile","category","CategoriesDesktop","Breadcrumbs","breadcrumb","capitalize"],"mappings":"~~wwEAoBO~~,MAAMA,GAAY,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAA8B,CACjG,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACG,MAAA,CAAI,GAAIC,EAAU,UAAW,eAAcA,EAAU,UAAW,UAAWC,EAAG,wBAAyBJ,GAAA,YAAAA,EAAS,IAAI,EACnH,SAAAK,EAACC,EAAA,CAAoB,UAAU,iBAC7B,SAAA,CAAAC,EAACC,EAAA,CAAiB,WAAYZ,EAAW,IAAKa,GAAaA,EAAS,QAAQ,EAAE,KAAA,EAAQ,QAAAZ,EAAkB,MAAAC,CAAA,CAAc,EACtHS,EAACG,EAAA,CAAkB,WAAAd,EAAwB,QAAAC,EAAkB,MAAAC,CAAA,CAAc,EAC3ES,EAACI,EAAA,CACC,SAAUV,EAAW,EAAI,OACzB,YAAAF,EACA,QAAUa,IAAgB,CAAE,MAAOC,EAAWD,EAAW,KAAK,EAAE,MAAM,GAAG,EAAE,KAAK,GAAG,CAAA,EAAE,CAAA,CACvF,CAAA,CACF,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"SeoHeader.js","sources":["../../../../lib/widgets/seoHeader/SeoHeader.tsx"],"sourcesContent":["import { ResponsiveContainer } from '../../shared/ui'\nimport { type Breadcrumb, Breadcrumbs } from '../breadcrumbs'\nimport { widgetIds } from '../model'\nimport type { Category, SeoHeaderHelpers } from './model'\nimport { CategoriesDesktop, CategoriesMobile } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { capitalize, cn } from '$/shared/utils'\n\nexport type SeoHeaderClasses = {\n root?: string\n}\n\nexport type SeoHeaderProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n breadcrumbs: Breadcrumb[]\n phone: string\n classes?: SeoHeaderClasses\n}\n\nexport const SeoHeader = ({ categories, helpers, phone, breadcrumbs, classes }: SeoHeaderProps) => {\n const { isMobile } = useDevice()\n\n return (\n <div id={widgetIds.seoHeader} data-test-id={widgetIds.seoHeader} className={cn('w-full bg-color-white', classes?.root)}>\n <ResponsiveContainer className='mx-auto w-full'>\n <CategoriesMobile categories={categories.map((category) => category.children).flat()} helpers={helpers} phone={phone} />\n <CategoriesDesktop categories={categories} helpers={helpers} phone={phone} />\n <Breadcrumbs\n ellipsis={isMobile ? 1 : undefined}\n breadcrumbs={breadcrumbs}\n matcher={(breadcrumb) => ({ label: capitalize(breadcrumb.label).split('-').join(' ') })}\n />\n </ResponsiveContainer>\n </div>\n )\n}\n\nexport default SeoHeader\n"],"names":["SeoHeader","categories","helpers","phone","breadcrumbs","classes","isMobile","useDevice","widgetIds","cn","jsxs","ResponsiveContainer","jsx","CategoriesMobile","category","CategoriesDesktop","Breadcrumbs","breadcrumb","capitalize"],"mappings":"4yEAoBO,MAAMA,GAAY,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAA8B,CACjG,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACG,MAAA,CAAI,GAAIC,EAAU,UAAW,eAAcA,EAAU,UAAW,UAAWC,EAAG,wBAAyBJ,GAAA,YAAAA,EAAS,IAAI,EACnH,SAAAK,EAACC,EAAA,CAAoB,UAAU,iBAC7B,SAAA,CAAAC,EAACC,EAAA,CAAiB,WAAYZ,EAAW,IAAKa,GAAaA,EAAS,QAAQ,EAAE,KAAA,EAAQ,QAAAZ,EAAkB,MAAAC,CAAA,CAAc,EACtHS,EAACG,EAAA,CAAkB,WAAAd,EAAwB,QAAAC,EAAkB,MAAAC,CAAA,CAAc,EAC3ES,EAACI,EAAA,CACC,SAAUV,EAAW,EAAI,OACzB,YAAAF,EACA,QAAUa,IAAgB,CAAE,MAAOC,EAAWD,EAAW,KAAK,EAAE,MAAM,GAAG,EAAE,KAAK,GAAG,CAAA,EAAE,CAAA,CACvF,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as o}from"react/jsx-runtime";import{useCategoryReducer as s}from"../../hooks/useCategoryReducer/useCategoryReducer.js";import{rootCategoryAction as d,currentCategoryAction as x}from"../../hooks/useCategoryReducer/actions.js";import{CategoryTabs as u}from"./CategoryTabs.js";import{RootTab as g}from"./rootTab/RootTab.js";import{createPhoneNumber as b}from"../../../../shared/utils/createPhoneNumber.js";import"../../../../../node_modules/classnames/index.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as n}from"../../../../shared/ui/icon/Icon.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const rr=({categories:t,helpers:c,phone:a})=>{const[e,p]=s({root:t[0].children[0],current:t[0].children[0]});return m("div",{className:"mobile:hidden",children:[m("div",{className:"flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4",children:[o(n,{name:"brandLogos/logoMain",className:"mr-auto w-[130px]"}),t.map(r=>{const l=e.root.title===r.title;return o(g,{category:r,selectedCategory:e.current,onCurrentCategoryChange:i=>p(x(i)),onRootCategoryChange:i=>p(d(i)),active:l},r.title)}),o("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),c.map(r=>m("a",{href:r.link.href,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:[r.link.icon&&o(n,{name:r.link.icon,className:"size-4"}),r.title]},r.title)),o("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),o("a",{href:`tel:${a}`,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:b(a,"x xxx xxx xx xx")})]}),o(u,{categories:e.current.children})]})};export{rr as CategoriesDesktop};
+import{jsxs as m,jsx as o}from"react/jsx-runtime";import{useCategoryReducer as s}from"../../hooks/useCategoryReducer/useCategoryReducer.js";import{rootCategoryAction as d,currentCategoryAction as x}from"../../hooks/useCategoryReducer/actions.js";import{CategoryTabs as u}from"./CategoryTabs.js";import{RootTab as g}from"./rootTab/RootTab.js";import{createPhoneNumber as b}from"../../../../shared/utils/createPhoneNumber.js";import"../../../../../node_modules/classnames/index.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as n}from"../../../../shared/ui/icon/Icon.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../src/configs/api.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const or=({categories:t,helpers:c,phone:a})=>{const[e,p]=s({root:t[0].children[0],current:t[0].children[0]});return m("div",{className:"mobile:hidden",children:[m("div",{className:"flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4",children:[o(n,{name:"brandLogos/logoMain",className:"mr-auto w-[130px]"}),t.map(r=>{const l=e.root.title===r.title;return o(g,{category:r,selectedCategory:e.current,onCurrentCategoryChange:i=>p(x(i)),onRootCategoryChange:i=>p(d(i)),active:l},r.title)}),o("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),c.map(r=>m("a",{href:r.link.href,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:[r.link.icon&&o(n,{name:r.link.icon,className:"size-4"}),r.title]},r.title)),o("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),o("a",{href:`tel:${a}`,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:b(a,"x xxx xxx xx xx")})]}),o(u,{categories:e.current.children})]})};export{or as CategoriesDesktop};
 //# sourceMappingURL=CategoriesDesktop.js.map

package/dist/lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CategoriesDesktop.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.tsx"],"sourcesContent":["import { currentCategoryAction, rootCategoryAction, useCategoryReducer } from '../../hooks'\nimport type { Category, SeoHeaderHelpers } from '../../model'\nimport { CategoryTabs } from './CategoryTabs'\nimport { RootTab } from './rootTab'\nimport { Icon } from '$/shared/ui'\nimport { createPhoneNumber } from '$/shared/utils'\n\ntype DesktopCategoriesProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nexport const CategoriesDesktop = ({ categories, helpers, phone }: DesktopCategoriesProps) => {\n const [store, dispatch] = useCategoryReducer({ root: categories[0].children[0], current: categories[0].children[0] })\n\n return (\n <div className='mobile:hidden'>\n <div className='flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4'>\n <Icon name='brandLogos/logoMain' className='mr-auto w-[130px]' />\n {categories.map((category) => {\n const active = store.root.title === category.title\n\n return (\n <RootTab\n key={category.title}\n category={category}\n selectedCategory={store.current}\n onCurrentCategoryChange={(cat) => dispatch(currentCategoryAction(cat))}\n onRootCategoryChange={(cat) => dispatch(rootCategoryAction(cat))}\n active={active}\n />\n )\n })}\n <div className='h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500' />\n {helpers.map((helper) => (\n <a\n key={helper.title}\n href={helper.link.href}\n className='desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark'\n >\n {helper.link.icon && <Icon name={helper.link.icon} className='size-4' />}\n {helper.title}\n </a>\n ))}\n <div className='h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500' />\n <a\n href={`tel:${phone}`}\n className='desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark'\n >\n {createPhoneNumber(phone, 'x xxx xxx xx xx')}\n </a>\n </div>\n <CategoryTabs categories={store.current.children} />\n </div>\n )\n}\n"],"names":["CategoriesDesktop","categories","helpers","phone","store","dispatch","useCategoryReducer","jsxs","jsx","Icon","category","active","RootTab","cat","currentCategoryAction","rootCategoryAction","helper","createPhoneNumber","CategoryTabs"],"mappings":"~~o5EAaO~~,MAAMA,GAAoB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAoC,CAC3F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAmB,CAAE,KAAML,EAAW,CAAC,EAAE,SAAS,CAAC,EAAG,QAASA,EAAW,CAAC,EAAE,SAAS,CAAC,EAAG,EAEpH,OACEM,EAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,8FACb,SAAA,CAAAC,EAACC,EAAA,CAAK,KAAK,sBAAsB,UAAU,oBAAoB,EAC9DR,EAAW,IAAKS,GAAa,CAC5B,MAAMC,EAASP,EAAM,KAAK,QAAUM,EAAS,MAE7C,OACEF,EAACI,EAAA,CAEC,SAAAF,EACA,iBAAkBN,EAAM,QACxB,wBAA0BS,GAAQR,EAASS,EAAsBD,CAAG,CAAC,EACrE,qBAAuBA,GAAQR,EAASU,EAAmBF,CAAG,CAAC,EAC/D,OAAAF,CAAA,EALKD,EAAS,KAAA,CAQpB,CAAC,EACDF,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EAChEN,EAAQ,IAAKc,GACZT,EAAC,IAAA,CAEC,KAAMS,EAAO,KAAK,KAClB,UAAU,uGAET,SAAA,CAAAA,EAAO,KAAK,MAAQR,EAACC,EAAA,CAAK,KAAMO,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACrEA,EAAO,KAAA,CAAA,EALHA,EAAO,KAAA,CAOf,EACDR,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EACjEA,EAAC,IAAA,CACC,KAAM,OAAOL,CAAK,GAClB,UAAU,uGAET,SAAAc,EAAkBd,EAAO,iBAAiB,CAAA,CAAA,CAC7C,EACF,EACAK,EAACU,EAAA,CAAa,WAAYd,EAAM,QAAQ,QAAA,CAAU,CAAA,EACpD,CAEJ"}
1	+ {"version":3,"file":"CategoriesDesktop.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.tsx"],"sourcesContent":["import { currentCategoryAction, rootCategoryAction, useCategoryReducer } from '../../hooks'\nimport type { Category, SeoHeaderHelpers } from '../../model'\nimport { CategoryTabs } from './CategoryTabs'\nimport { RootTab } from './rootTab'\nimport { Icon } from '$/shared/ui'\nimport { createPhoneNumber } from '$/shared/utils'\n\ntype DesktopCategoriesProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nexport const CategoriesDesktop = ({ categories, helpers, phone }: DesktopCategoriesProps) => {\n const [store, dispatch] = useCategoryReducer({ root: categories[0].children[0], current: categories[0].children[0] })\n\n return (\n <div className='mobile:hidden'>\n <div className='flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4'>\n <Icon name='brandLogos/logoMain' className='mr-auto w-[130px]' />\n {categories.map((category) => {\n const active = store.root.title === category.title\n\n return (\n <RootTab\n key={category.title}\n category={category}\n selectedCategory={store.current}\n onCurrentCategoryChange={(cat) => dispatch(currentCategoryAction(cat))}\n onRootCategoryChange={(cat) => dispatch(rootCategoryAction(cat))}\n active={active}\n />\n )\n })}\n <div className='h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500' />\n {helpers.map((helper) => (\n <a\n key={helper.title}\n href={helper.link.href}\n className='desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark'\n >\n {helper.link.icon && <Icon name={helper.link.icon} className='size-4' />}\n {helper.title}\n </a>\n ))}\n <div className='h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500' />\n <a\n href={`tel:${phone}`}\n className='desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark'\n >\n {createPhoneNumber(phone, 'x xxx xxx xx xx')}\n </a>\n </div>\n <CategoryTabs categories={store.current.children} />\n </div>\n )\n}\n"],"names":["CategoriesDesktop","categories","helpers","phone","store","dispatch","useCategoryReducer","jsxs","jsx","Icon","category","active","RootTab","cat","currentCategoryAction","rootCategoryAction","helper","createPhoneNumber","CategoryTabs"],"mappings":"87EAaO,MAAMA,GAAoB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAoC,CAC3F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAmB,CAAE,KAAML,EAAW,CAAC,EAAE,SAAS,CAAC,EAAG,QAASA,EAAW,CAAC,EAAE,SAAS,CAAC,EAAG,EAEpH,OACEM,EAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,8FACb,SAAA,CAAAC,EAACC,EAAA,CAAK,KAAK,sBAAsB,UAAU,oBAAoB,EAC9DR,EAAW,IAAKS,GAAa,CAC5B,MAAMC,EAASP,EAAM,KAAK,QAAUM,EAAS,MAE7C,OACEF,EAACI,EAAA,CAEC,SAAAF,EACA,iBAAkBN,EAAM,QACxB,wBAA0BS,GAAQR,EAASS,EAAsBD,CAAG,CAAC,EACrE,qBAAuBA,GAAQR,EAASU,EAAmBF,CAAG,CAAC,EAC/D,OAAAF,CAAA,EALKD,EAAS,KAAA,CAQpB,CAAC,EACDF,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EAChEN,EAAQ,IAAKc,GACZT,EAAC,IAAA,CAEC,KAAMS,EAAO,KAAK,KAClB,UAAU,uGAET,SAAA,CAAAA,EAAO,KAAK,MAAQR,EAACC,EAAA,CAAK,KAAMO,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACrEA,EAAO,KAAA,CAAA,EALHA,EAAO,KAAA,CAOf,EACDR,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EACjEA,EAAC,IAAA,CACC,KAAM,OAAOL,CAAK,GAClB,UAAU,uGAET,SAAAc,EAAkBd,EAAO,iBAAiB,CAAA,CAAA,CAC7C,EACF,EACAK,EAACU,EAAA,CAAa,WAAYd,EAAM,QAAQ,QAAA,CAAU,CAAA,EACpD,CAEJ"}

package/dist/lib/widgets/seoHeader/ui/desktop/CategoryTabs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as n}from"react/jsx-runtime";import{memo as l,useState as a,useCallback as s,useRef as c}from"react";import"../../../../../node_modules/classnames/index.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import{CustomLink as b}from"../../../../shared/ui/customLink/CustomLink.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Tab as f}from"./tab/Tab.js";import{AnimatePresence as u}from"../../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";const d=({categories:e})=>{const[i,m]=a(null),p=s(r=>{m(r)},[]),o=c(null);return t(u,{mode:"sync",children:n("div",{ref:o,id:"tabs",className:"relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",children:[e.map(r=>t(f,{ref:o,category:r,active:i===r.title,onActiveTabChange:p},r.title)),t(b,{icon:"general/loginFilled",href:"https://halvacard.ru/lk2/",target:"_blank",classes:{link:"ml-auto cursor-pointer desk-body-regular-m gap-2 hover:no-underline"},rel:"noreferrer",children:"Войти"})]})})},X=l(d);export{X as CategoryTabs};
+import{jsx as t,jsxs as n}from"react/jsx-runtime";import{memo as l,useState as a,useCallback as s,useRef as c}from"react";import"../../../../../node_modules/classnames/index.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import{CustomLink as b}from"../../../../shared/ui/customLink/CustomLink.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../src/configs/api.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Tab as f}from"./tab/Tab.js";import{AnimatePresence as u}from"../../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";const d=({categories:i})=>{const[e,m]=a(null),p=s(r=>{m(r)},[]),o=c(null);return t(u,{mode:"sync",children:n("div",{ref:o,id:"tabs",className:"relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",children:[i.map(r=>t(f,{ref:o,category:r,active:e===r.title,onActiveTabChange:p},r.title)),t(b,{icon:"general/loginFilled",href:"https://halvacard.ru/lk2/",target:"_blank",classes:{link:"ml-auto cursor-pointer desk-body-regular-m gap-2 hover:no-underline"},rel:"noreferrer",children:"Войти"})]})})},Y=l(d);export{Y as CategoryTabs};
 //# sourceMappingURL=CategoryTabs.js.map

package/dist/lib/widgets/seoHeader/ui/desktop/CategoryTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CategoryTabs.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoryTabs.tsx"],"sourcesContent":["import { memo, useCallback, useRef, useState } from 'react'\nimport { AnimatePresence } from 'framer-motion'\nimport { CustomLink } from '../../../../shared/ui'\nimport type { Category } from '../../model'\nimport { Tab } from './tab'\n\ntype CategoryTabsProps = {\n categories: Category[]\n}\n\nconst InnerComponent = ({ categories }: CategoryTabsProps) => {\n const [activeTab, setActiveTab] = useState<string \| null>(null)\n\n const onActiveTabChange = useCallback((active: string \| null) => {\n setActiveTab(active)\n }, [])\n\n const triggerRef = useRef<HTMLDivElement>(null)\n\n return (\n <AnimatePresence mode='sync'>\n <div\n ref={triggerRef}\n id='tabs'\n className='relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]'\n >\n {categories.map((category) => (\n <Tab\n key={category.title}\n ref={triggerRef}\n category={category}\n active={activeTab === category.title}\n onActiveTabChange={onActiveTabChange}\n />\n ))}\n <CustomLink\n icon='general/loginFilled'\n href='https://halvacard.ru/lk2/'\n target='_blank'\n classes={{\n link: 'ml-auto cursor-pointer desk-body-regular-m gap-2 hover:no-underline'\n }}\n rel='noreferrer'\n >\n Войти\n </CustomLink>\n </div>\n </AnimatePresence>\n )\n}\n\nexport const CategoryTabs = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","categories","activeTab","setActiveTab","useState","onActiveTabChange","useCallback","active","triggerRef","useRef","jsx","AnimatePresence","jsxs","category","Tab","CustomLink","CategoryTabs","memo"],"mappings":"~~qwEAUA~~,MAAMA,EAAiB,CAAC,CAAE,WAAAC,KAAoC,CAC5D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAwB,IAAI,EAExDC,EAAoBC,EAAaC,GAA0B,CAC/DJ,EAAaI,CAAM,CACrB,EAAG,CAAA,CAAE,EAECC,EAAaC,EAAuB,IAAI,EAE9C,OACEC,EAACC,EAAA,CAAgB,KAAK,OACpB,SAAAC,EAAC,MAAA,CACC,IAAKJ,EACL,GAAG,OACH,UAAU,kGAET,SAAA,CAAAP,EAAW,IAAKY,GACfH,EAACI,EAAA,CAEC,IAAKN,EACL,SAAAK,EACA,OAAQX,IAAcW,EAAS,MAC/B,kBAAAR,CAAA,EAJKQ,EAAS,KAAA,CAMjB,EACDH,EAACK,EAAA,CACC,KAAK,sBACL,KAAK,4BACL,OAAO,SACP,QAAS,CACP,KAAM,qEAAA,EAER,IAAI,aACL,SAAA,OAAA,CAAA,CAED,CAAA,CAAA,EAEJ,CAEJ,EAEaC,EAAeC,EAAKjB,CAAc"}
1	+ {"version":3,"file":"CategoryTabs.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoryTabs.tsx"],"sourcesContent":["import { memo, useCallback, useRef, useState } from 'react'\nimport { AnimatePresence } from 'framer-motion'\nimport { CustomLink } from '../../../../shared/ui'\nimport type { Category } from '../../model'\nimport { Tab } from './tab'\n\ntype CategoryTabsProps = {\n categories: Category[]\n}\n\nconst InnerComponent = ({ categories }: CategoryTabsProps) => {\n const [activeTab, setActiveTab] = useState<string \| null>(null)\n\n const onActiveTabChange = useCallback((active: string \| null) => {\n setActiveTab(active)\n }, [])\n\n const triggerRef = useRef<HTMLDivElement>(null)\n\n return (\n <AnimatePresence mode='sync'>\n <div\n ref={triggerRef}\n id='tabs'\n className='relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]'\n >\n {categories.map((category) => (\n <Tab\n key={category.title}\n ref={triggerRef}\n category={category}\n active={activeTab === category.title}\n onActiveTabChange={onActiveTabChange}\n />\n ))}\n <CustomLink\n icon='general/loginFilled'\n href='https://halvacard.ru/lk2/'\n target='_blank'\n classes={{\n link: 'ml-auto cursor-pointer desk-body-regular-m gap-2 hover:no-underline'\n }}\n rel='noreferrer'\n >\n Войти\n </CustomLink>\n </div>\n </AnimatePresence>\n )\n}\n\nexport const CategoryTabs = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","categories","activeTab","setActiveTab","useState","onActiveTabChange","useCallback","active","triggerRef","useRef","jsx","AnimatePresence","jsxs","category","Tab","CustomLink","CategoryTabs","memo"],"mappings":"+yEAUA,MAAMA,EAAiB,CAAC,CAAE,WAAAC,KAAoC,CAC5D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAwB,IAAI,EAExDC,EAAoBC,EAAaC,GAA0B,CAC/DJ,EAAaI,CAAM,CACrB,EAAG,CAAA,CAAE,EAECC,EAAaC,EAAuB,IAAI,EAE9C,OACEC,EAACC,EAAA,CAAgB,KAAK,OACpB,SAAAC,EAAC,MAAA,CACC,IAAKJ,EACL,GAAG,OACH,UAAU,kGAET,SAAA,CAAAP,EAAW,IAAKY,GACfH,EAACI,EAAA,CAEC,IAAKN,EACL,SAAAK,EACA,OAAQX,IAAcW,EAAS,MAC/B,kBAAAR,CAAA,EAJKQ,EAAS,KAAA,CAMjB,EACDH,EAACK,EAAA,CACC,KAAK,sBACL,KAAK,4BACL,OAAO,SACP,QAAS,CACP,KAAM,qEAAA,EAER,IAAI,aACL,SAAA,OAAA,CAAA,CAED,CAAA,CAAA,EAEJ,CAEJ,EAEaC,EAAeC,EAAKjB,CAAc"}

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

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as p}from"react/jsx-runtime";import{createPortal as c}from"react-dom";import{cn as x}from"../../../../../../../shared/utils/cn.js";import"../../../../../../../shared/ui/button/Button.js";import"../../../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../../../shared/ui/calendar/Calendar.js";import"../../../../../../../shared/ui/calendar/model/utils.js";import"../../../../../../../shared/ui/accordion/Accordion.js";import"react";import"../../../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as u}from"../../../../../../../shared/ui/icon/Icon.js";import"../../../../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../../../shared/ui/slot/Slot.js";import"../../../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{motion as d}from"../../../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const X=({categories:n,...s})=>{var o,i;return c(r(d.div,{...s,layout:!0,initial:{opacity:0},animate:{opacity:1},transition:{duration:.2},className:x("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 m;const f=t.link?"a":"p";return p("div",{className:"flex flex-col gap-y-6",children:[t.title&&p(f,{href:((m=t.link)==null?void 0:m.href)??void 0,className:"flex items-center gap-x-1 text-16 uppercase text-color-primary-default",children:[t.title,r(u,{name:"arrows/arrowLink",className:"size-6"})]}),r("ul",{className:"w-[328px]",children:t.children.map(e=>{var a,l;return r("li",{className:"w-full [&:not(:last-child)]:mb-4",children:r("a",{href:(a=e.link)==null?void 0:a.href,target:(l=e.link)==null?void 0:l.target,className:"w-full text-16",children:e.title})},e.title)})})]},t.title)})})}),((i=(o=document.body.querySelector("#modal-preview"))==null?void 0:o.contentDocument)==null?void 0:i.body)??document.body)};export{X as TabContent};
+import{jsx as r,jsxs as l}from"react/jsx-runtime";import{createPortal as c}from"react-dom";import{cn as x}from"../../../../../../../shared/utils/cn.js";import"../../../../../../../shared/ui/button/Button.js";import"../../../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../../../shared/ui/calendar/Calendar.js";import"../../../../../../../shared/ui/calendar/model/utils.js";import"../../../../../../../shared/ui/accordion/Accordion.js";import"react";import"../../../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as u}from"../../../../../../../shared/ui/icon/Icon.js";import"../../../../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../../../shared/ui/slot/Slot.js";import"../../../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../../../src/configs/api.js";import"../../../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{motion as d}from"../../../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const Y=({categories:n,...s})=>{var o,i;return c(r(d.div,{...s,layout:!0,initial:{opacity:0},animate:{opacity:1},transition:{duration:.2},className:x("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 m;const f=t.link?"a":"p";return l("div",{className:"flex flex-col gap-y-6",children:[t.title&&l(f,{href:((m=t.link)==null?void 0:m.href)??void 0,className:"flex items-center gap-x-1 text-16 uppercase text-color-primary-default",children:[t.title,r(u,{name:"arrows/arrowLink",className:"size-6"})]}),r("ul",{className:"w-[328px]",children:t.children.map(e=>{var a,p;return r("li",{className:"w-full [&:not(:last-child)]:mb-4",children:r("a",{href:(a=e.link)==null?void 0:a.href,target:(p=e.link)==null?void 0:p.target,className:"w-full text-16",children:e.title})},e.title)})})]},t.title)})})}),((i=(o=document.body.querySelector("#modal-preview"))==null?void 0:o.contentDocument)==null?void 0:i.body)??document.body)};export{Y 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":"~~46EAUO~~,MAAMA,EAAa,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","_a","Icon","child","_b"],"mappings":"+9EAUO,MAAMA,EAAa,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"}

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/classnames/index.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as n}from"../../../../shared/ui/icon/Icon.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Z=({categories:l,helpers:a,phone:s})=>{var i,m,p;const r=d(null),t=(i=r.current)==null?void 0:i.getBoundingClientRect(),[e,c]=b(!1);return u("div",{ref:r,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(!e),className:"h-max w-max",children:o(n,{name:e?"general/close":"general/menu",className:"size-6 text-color-primary-default"})}),e&&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{Z as CategoriesMobile};
+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/classnames/index.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as n}from"../../../../shared/ui/icon/Icon.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../src/configs/api.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const _=({categories:l,helpers:a,phone:s})=>{var i,m,p;const r=d(null),t=(i=r.current)==null?void 0:i.getBoundingClientRect(),[e,c]=b(!1);return u("div",{ref:r,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(!e),className:"h-max w-max",children:o(n,{name:e?"general/close":"general/menu",className:"size-6 text-color-primary-default"})}),e&&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{_ 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":"~~0nEAYO~~,MAAMA,EAAmB,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","_a","open","setOpen","useState","jsxs","jsx","Icon","createPortal","Menu","_c","_b"],"mappings":"oqEAYO,MAAMA,EAAmB,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"}

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

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as h,useMemo as w}from"react";import{MenuItem as y}from"./MenuItem.js";import{createPhoneNumber as N}from"../../../../../shared/utils/createPhoneNumber.js";import{cn as v}from"../../../../../shared/utils/cn.js";import{TypeGuards as a}from"../../../../../shared/utils/typeGuards.js";import"../../../../../shared/ui/button/Button.js";import"../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../shared/ui/calendar/Calendar.js";import"../../../../../shared/ui/calendar/model/utils.js";import"../../../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as s}from"../../../../../shared/ui/icon/Icon.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../shared/ui/slot/Slot.js";import"../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import{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"../../../../../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/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{motion as b}from"../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const k=l=>l.map(r=>({value:r.title??"",label:r.title??""})),oe=({categories:l,helpers:r,phone:n,...f})=>{const c=k(l),[m,u]=h(c[0]),d=e=>{a.isUndefined(e)||a.isArray(e)||u(e)},x=w(()=>{var e;return m?((e=l.find(i=>i.title===m.value))==null?void 0:e.children)??[]:[]},[m,l]);return o(b.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:[t(g,{multiple:!1,label:"Категория",options:c,value:m,onChange:d}),t("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:x.map(e=>{var i;return a.isArrayEmpty(e.children)?t("div",{className:"w-full px-4 py-2.5",children:t("a",{href:(i=e.link)==null?void 0:i.href,className:"desk-body-regular-m inline-block w-full",children:e.title})},e.title):t(y,{category:e},e.title)})}),t("div",{className:"h-[1px] w-full bg-color-blue-grey-200"}),o("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:[r.map(e=>{var i,p;return t("div",{className:"w-full px-4 py-2.5",children:o("a",{href:(i=e.link)==null?void 0:i.href,className:"flex w-full items-center gap-x-1",children:[((p=e.link)==null?void 0:p.icon)&&t(s,{name:e.link.icon,className:"size-4"}),e.title]})},e.title)}),t("div",{className:"w-full px-4 py-2.5",children:o("a",{href:`tel:${n}`,className:"flex w-full items-center gap-x-1",children:[t(s,{name:"communication/phone",className:"size-4"}),N(n)]})})]})]})};export{oe as Menu};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as h,useMemo as w}from"react";import{MenuItem as y}from"./MenuItem.js";import{createPhoneNumber as N}from"../../../../../shared/utils/createPhoneNumber.js";import{cn as v}from"../../../../../shared/utils/cn.js";import{TypeGuards as a}from"../../../../../shared/utils/typeGuards.js";import"../../../../../shared/ui/button/Button.js";import"../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../shared/ui/calendar/Calendar.js";import"../../../../../shared/ui/calendar/model/utils.js";import"../../../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as s}from"../../../../../shared/ui/icon/Icon.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../shared/ui/slot/Slot.js";import"../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import{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"../../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{motion as b}from"../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const k=l=>l.map(r=>({value:r.title??"",label:r.title??""})),ae=({categories:l,helpers:r,phone:n,...f})=>{const c=k(l),[m,u]=h(c[0]),d=e=>{a.isUndefined(e)||a.isArray(e)||u(e)},x=w(()=>{var e;return m?((e=l.find(i=>i.title===m.value))==null?void 0:e.children)??[]:[]},[m,l]);return o(b.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:[t(g,{multiple:!1,label:"Категория",options:c,value:m,onChange:d}),t("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:x.map(e=>{var i;return a.isArrayEmpty(e.children)?t("div",{className:"w-full px-4 py-2.5",children:t("a",{href:(i=e.link)==null?void 0:i.href,className:"desk-body-regular-m inline-block w-full",children:e.title})},e.title):t(y,{category:e},e.title)})}),t("div",{className:"h-[1px] w-full bg-color-blue-grey-200"}),o("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:[r.map(e=>{var i,p;return t("div",{className:"w-full px-4 py-2.5",children:o("a",{href:(i=e.link)==null?void 0:i.href,className:"flex w-full items-center gap-x-1",children:[((p=e.link)==null?void 0:p.icon)&&t(s,{name:e.link.icon,className:"size-4"}),e.title]})},e.title)}),t("div",{className:"w-full px-4 py-2.5",children:o("a",{href:`tel:${n}`,className:"flex w-full items-center gap-x-1",children:[t(s,{name:"communication/phone",className:"size-4"}),N(n)]})})]})]})};export{ae 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, createPhoneNumber, 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 {createPhoneNumber(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","createPhoneNumber"],"mappings":"~~y9EAaA~~,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,EACnDC,EAAkBtB,CAAK,CAAA,CAAA,CAC1B,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, createPhoneNumber, 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 {createPhoneNumber(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","createPhoneNumber"],"mappings":"sgFAaA,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,EACnDC,EAAkBtB,CAAK,CAAA,CAAA,CAC1B,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 a}from"react/jsx-runtime";import{cn as n}from"../../../../../shared/utils/cn.js";import"../../../../../shared/ui/button/Button.js";import"../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../shared/ui/calendar/Calendar.js";import"../../../../../shared/ui/calendar/model/utils.js";import{Accordion as s}from"../../../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as p}from"../../../../../shared/ui/icon/Icon.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../shared/ui/slot/Slot.js";import"../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const S=({category:e})=>t(s,{label:e.title??"",icon:t(p,{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:e.children.map(r=>{var l;const i=!!r.link;return a("ul",{className:"w-full list-none p-0",children:[a(i?"a":"p",{href:i?(l=r.link)==null?void 0:l.href:void 0,className:"mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",children:[r.title,t(p,{name:"arrows/arrowLink"})]}),r.children.map(o=>{var m;return t("li",{className:"inline-block w-full [&:not(:last-child)]:mb-3",children:t("a",{href:(m=o.link)==null?void 0:m.href,className:"w-full",children:o.title})},o.title)})]},r.title)})})},e.title);export{S as MenuItem};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{cn as n}from"../../../../../shared/utils/cn.js";import"../../../../../shared/ui/button/Button.js";import"../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../shared/ui/calendar/Calendar.js";import"../../../../../shared/ui/calendar/model/utils.js";import{Accordion as s}from"../../../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as p}from"../../../../../shared/ui/icon/Icon.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../shared/ui/slot/Slot.js";import"../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const U=({category:e})=>t(s,{label:e.title??"",icon:t(p,{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:e.children.map(r=>{var l;const i=!!r.link;return a("ul",{className:"w-full list-none p-0",children:[a(i?"a":"p",{href:i?(l=r.link)==null?void 0:l.href:void 0,className:"mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",children:[r.title,t(p,{name:"arrows/arrowLink"})]}),r.children.map(o=>{var m;return t("li",{className:"inline-block w-full [&:not(:last-child)]:mb-3",children:t("a",{href:(m=o.link)==null?void 0:m.href,className:"w-full",children:o.title})},o.title)})]},r.title)})})},e.title);export{U 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":"~~qoEAQO~~,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,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","_a","innerChild"],"mappings":"krEAQO,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,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"}

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 w,createElement as v}from"react";import{widgetIds as a}from"../model/helpers.js";import{SingleStep as N}from"./ui/SingleStep.js";import{StepperCarousel as b}from"./ui/StepperCarousel.js";import{StepperTabs as I}from"./ui/StepperTabs.js";import{ResponsiveContainer as l}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as p}from"../../shared/utils/cn.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as C}from"../../shared/ui/heading/Heading.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const eo=({steppers:i,classes:o})=>{var f,h;const n=i&&(i==null?void 0:i.length)>1,[e,g]=u(n?(f=i==null?void 0:i[0])==null?void 0:f.headline:""),d=w(()=>i==null?void 0:i.map(({headline:m})=>({headline:m})),[i]),S=n?d==null?void 0:d.findIndex(m=>m.headline===e):0,t=i==null?void 0:i[S];return r("section",{id:a.stepper,"data-test-id":a.stepper,className:o==null?void 0:o.root,children:r(l,{className:p(o==null?void 0:o.container,"mobile:max-w-[360px]"),children:x("div",{className:p("flex flex-col gap-6 desktop:items-start desktop:gap-12",o==null?void 0:o.wrapper),children:[r(C,{as:"h2",className:p("text-color-dark",o==null?void 0:o.headline),children:t.headline}),x("div",{className:"flex flex-col gap-6 desktop:gap-10",children:[n&&r(I,{stepperTabs:d,activeStepper:e,setActiveStepper:g,classes:o==null?void 0:o.stepperTabs}),t.withImages&&r(b,{classes:o==null?void 0:o.stepperCarousel,currentStepper:t}),r("div",{className:p("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":t.withImages}),children:(h=t==null?void 0:t.details)==null?void 0:h.map((m,k)=>v(N,{...m,key:m.description,index:k+1,classes:o==null?void 0:o.step}))})]})]})})},t.headline)};export{eo as Stepper,eo as default};
+import{jsx as r,jsxs as x}from"react/jsx-runtime";import{useState as u,useMemo as w,createElement as v}from"react";import{widgetIds as a}from"../model/helpers.js";import{SingleStep as N}from"./ui/SingleStep.js";import{StepperCarousel as b}from"./ui/StepperCarousel.js";import{StepperTabs as I}from"./ui/StepperTabs.js";import{ResponsiveContainer as l}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as d}from"../../shared/utils/cn.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as C}from"../../shared/ui/heading/Heading.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const fo=({steppers:i,classes:o})=>{var f,h;const n=i&&(i==null?void 0:i.length)>1,[e,g]=u(n?(f=i==null?void 0:i[0])==null?void 0:f.headline:""),p=w(()=>i==null?void 0:i.map(({headline:m})=>({headline:m})),[i]),S=n?p==null?void 0:p.findIndex(m=>m.headline===e):0,t=i==null?void 0:i[S];return r("section",{id:a.stepper,"data-test-id":a.stepper,className:o==null?void 0:o.root,children:r(l,{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(C,{as:"h2",className:d("text-color-dark",o==null?void 0:o.headline),children:t.headline}),x("div",{className:"flex flex-col gap-6 desktop:gap-10",children:[n&&r(I,{stepperTabs:p,activeStepper:e,setActiveStepper:g,classes:o==null?void 0:o.stepperTabs}),t.withImages&&r(b,{classes:o==null?void 0:o.stepperCarousel,currentStepper:t}),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":t.withImages}),children:(h=t==null?void 0:t.details)==null?void 0:h.map((m,k)=>v(N,{...m,key:m.description,index:k+1,classes:o==null?void 0:o.step}))})]})]})})},t.headline)};export{fo as Stepper,fo 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, 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 { Heading, 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 steppers: SingleStepper<WithImages>[]\n classes?: StepperClasses\n}\n\nexport const Stepper = <WithImages extends boolean>({ steppers, classes }: StepperProps<WithImages>) => {\n const shouldShowTabs = steppers && steppers?.length > 1\n const [activeStepper, setActiveStepper] = useState<StepperTabValue>(shouldShowTabs ? steppers?.[0]?.headline : '')\n\n const steppersTabs = useMemo(() => steppers?.map(({ headline }) => ({ headline })), [steppers])\n\n const currentStepperIndex = shouldShowTabs ? steppersTabs?.findIndex((tab) => tab.headline === activeStepper) : 0\n const currentStepper = steppers?.[currentStepperIndex]\n\n return (\n <section key={currentStepper.headline} 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 <Heading as='h2' className={cn('text-color-dark', classes?.headline)}>\n {currentStepper.headline}\n </Heading>\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","classes","shouldShowTabs","activeStepper","setActiveStepper","useState","_a","steppersTabs","useMemo","headline","currentStepperIndex","tab","currentStepper","jsx","widgetIds","ResponsiveContainer","cn","jsxs","Heading","StepperTabs","StepperCarousel","step","index","SingleStep"],"mappings":"~~qtEA0BO~~,MAAMA,GAAU,CAA6B,CAAE,SAAAC,EAAU,QAAAC,KAAwC,SACtG,MAAMC,EAAiBF,IAAYA,GAAA,YAAAA,EAAU,QAAS,EAChD,CAACG,EAAeC,CAAgB,EAAIC,EAA0BH,GAAiBI,EAAAN,GAAA,YAAAA,EAAW,KAAX,YAAAM,EAAe,SAAW,EAAE,EAE3GC,EAAeC,EAAQ,IAAMR,GAAA,YAAAA,EAAU,IAAI,CAAC,CAAE,SAAAS,CAAA,KAAgB,CAAE,SAAAA,CAAA,IAAc,CAACT,CAAQ,CAAC,EAExFU,EAAsBR,EAAiBK,GAAA,YAAAA,EAAc,UAAWI,GAAQA,EAAI,WAAaR,GAAiB,EAC1GS,EAAiBZ,GAAA,YAAAA,EAAWU,GAElC,OACEG,EAAC,UAAA,CAAsC,GAAIC,EAAU,QAAS,eAAcA,EAAU,QAAS,UAAWb,GAAA,YAAAA,EAAS,KACjH,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,EAACK,EAAA,CAAQ,GAAG,KAAK,UAAWF,EAAG,kBAAmBf,GAAA,YAAAA,EAAS,QAAQ,EAChE,SAAAW,EAAe,QAAA,CAClB,EAEAK,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,CAAAf,GACCW,EAACM,EAAA,CACC,YAAaZ,EACb,cAAAJ,EACA,iBAAAC,EACA,QAASH,GAAA,YAAAA,EAAS,WAAA,CAAA,EAIrBW,EAAe,YAAcC,EAACO,GAAgB,QAASnB,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,CAACS,EAAMC,MAClCC,EAAA,CAAY,GAAGF,EAAM,IAAKA,EAAK,YAAa,MAAOC,EAAQ,EAAG,QAASrB,GAAA,YAAAA,EAAS,KAAM,EACxF,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,GAhCYW,EAAe,QAiC7B,CAEJ"}
1	+ {"version":3,"file":"Stepper.js","sources":["../../../../lib/widgets/stepper/Stepper.tsx"],"sourcesContent":["import { type HTMLAttributes, 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 { Heading, 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 steppers: SingleStepper<WithImages>[]\n classes?: StepperClasses\n}\n\nexport const Stepper = <WithImages extends boolean>({ steppers, classes }: StepperProps<WithImages>) => {\n const shouldShowTabs = steppers && steppers?.length > 1\n const [activeStepper, setActiveStepper] = useState<StepperTabValue>(shouldShowTabs ? steppers?.[0]?.headline : '')\n\n const steppersTabs = useMemo(() => steppers?.map(({ headline }) => ({ headline })), [steppers])\n\n const currentStepperIndex = shouldShowTabs ? steppersTabs?.findIndex((tab) => tab.headline === activeStepper) : 0\n const currentStepper = steppers?.[currentStepperIndex]\n\n return (\n <section key={currentStepper.headline} 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 <Heading as='h2' className={cn('text-color-dark', classes?.headline)}>\n {currentStepper.headline}\n </Heading>\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","classes","shouldShowTabs","activeStepper","setActiveStepper","useState","_a","steppersTabs","useMemo","headline","currentStepperIndex","tab","currentStepper","jsx","widgetIds","ResponsiveContainer","cn","jsxs","Heading","StepperTabs","StepperCarousel","step","index","SingleStep"],"mappings":"yvEA0BO,MAAMA,GAAU,CAA6B,CAAE,SAAAC,EAAU,QAAAC,KAAwC,SACtG,MAAMC,EAAiBF,IAAYA,GAAA,YAAAA,EAAU,QAAS,EAChD,CAACG,EAAeC,CAAgB,EAAIC,EAA0BH,GAAiBI,EAAAN,GAAA,YAAAA,EAAW,KAAX,YAAAM,EAAe,SAAW,EAAE,EAE3GC,EAAeC,EAAQ,IAAMR,GAAA,YAAAA,EAAU,IAAI,CAAC,CAAE,SAAAS,CAAA,KAAgB,CAAE,SAAAA,CAAA,IAAc,CAACT,CAAQ,CAAC,EAExFU,EAAsBR,EAAiBK,GAAA,YAAAA,EAAc,UAAWI,GAAQA,EAAI,WAAaR,GAAiB,EAC1GS,EAAiBZ,GAAA,YAAAA,EAAWU,GAElC,OACEG,EAAC,UAAA,CAAsC,GAAIC,EAAU,QAAS,eAAcA,EAAU,QAAS,UAAWb,GAAA,YAAAA,EAAS,KACjH,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,EAACK,EAAA,CAAQ,GAAG,KAAK,UAAWF,EAAG,kBAAmBf,GAAA,YAAAA,EAAS,QAAQ,EAChE,SAAAW,EAAe,QAAA,CAClB,EAEAK,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,CAAAf,GACCW,EAACM,EAAA,CACC,YAAaZ,EACb,cAAAJ,EACA,iBAAAC,EACA,QAASH,GAAA,YAAAA,EAAS,WAAA,CAAA,EAIrBW,EAAe,YAAcC,EAACO,GAAgB,QAASnB,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,CAACS,EAAMC,MAClCC,EAAA,CAAY,GAAGF,EAAM,IAAKA,EAAK,YAAa,MAAOC,EAAQ,EAAG,QAASrB,GAAA,YAAAA,EAAS,KAAM,EACxF,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,GAhCYW,EAAe,QAiC7B,CAEJ"}

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/classnames/index.js";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import{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/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Q=({currentStepper:t,classes:i})=>{const[p,e]=l(0),{carouselClasses:s,carouselSlideClasses:m}=i||{};return r(n,{carouselOptions:{dragFree:!1},visibleIndex:p,setVisibleIndex:e,autoPlayOptions:{active:!1},classes:{containerWithNavClasses:{wrapper:"gap-4"},root:"desktop:hidden",carouselContentClasses:{slidesOverlay:"max-w-full w-full"},...s},children:t.details.map((a,o)=>r(c,{variant:"fullScreen",slideIndex:o,...a,classes:{slide:"mobile:w-[328px]  desktop:w-[1140px]",...m}},o))})};export{Q as StepperCarousel};
+import{jsx as r}from"react/jsx-runtime";import{useState as l}from"react";import"../../../../node_modules/classnames/index.js";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import{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/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const R=({currentStepper:t,classes:i})=>{const[p,e]=l(0),{carouselClasses:s,carouselSlideClasses:m}=i||{};return r(n,{carouselOptions:{dragFree:!1},visibleIndex:p,setVisibleIndex:e,autoPlayOptions:{active:!1},classes:{containerWithNavClasses:{wrapper:"gap-4"},root:"desktop:hidden",carouselContentClasses:{slidesOverlay:"max-w-full w-full"},...s},children:t.details.map((a,o)=>r(c,{variant:"fullScreen",slideIndex:o,...a,classes:{slide:"mobile:w-[328px]  desktop:w-[1140px]",...m}},o))})};export{R 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":"~~ojEAcO~~,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"}
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":"2lEAcO,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/table/Table.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as r}from"react/jsx-runtime";import{TableUtils as b}from"../../shared/ui/table/model/TableUtils.js";import{cn as h}from"../../shared/utils/cn.js";import{getHeaderAccessors as u,isHorizontalTable as T}from"./model/utils.js";import{ResponsiveContainer as N}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{DataTable as v}from"../../shared/ui/table/Table.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../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 eo=i=>{const{title:m,subtitle:l,helperText:t,pagination:s=!1,columns:a,data:e,horizontal:p,...n}=i,{accessors:c,sortingColumns:d,sortingFn:f}=u(a),g=b.getColumns(e[0],{headerAccessor:c,enableSorting:d,sortingFn:f}),x=T(p);return o("section",{className:"w-full",children:r(N,{className:h("flex flex-col gap-12 mobile:max-w-[360px]"),children:[r("div",{className:"flex flex-col gap-[16px]",children:[o("div",{className:"mob-headline-bold-s desktop:desk-headline-bold-m",dangerouslySetInnerHTML:{__html:m}}),o("div",{className:"desktop:desk-body-regular-l",dangerouslySetInnerHTML:{__html:l}})]}),r("div",{className:"flex flex-col gap-4",children:[o(v,{...n,horizontal:x,data:e,columns:g,mode:"odd",pagination:s}),t&&o("div",{className:"desk-body-regular-m text-color-tetriary",dangerouslySetInnerHTML:{__html:t}})]})]})})};export{eo as Table};
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import{TableUtils as b}from"../../shared/ui/table/model/TableUtils.js";import{cn as h}from"../../shared/utils/cn.js";import{getHeaderAccessors as u,isHorizontalTable as T}from"./model/utils.js";import{ResponsiveContainer as N}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{DataTable as v}from"../../shared/ui/table/Table.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const io=i=>{const{title:m,subtitle:l,helperText:t,pagination:s=!1,columns:p,data:e,horizontal:a,...n}=i,{accessors:c,sortingColumns:d,sortingFn:f}=u(p),g=b.getColumns(e[0],{headerAccessor:c,enableSorting:d,sortingFn:f}),x=T(a);return o("section",{className:"w-full",children:r(N,{className:h("flex flex-col gap-12 mobile:max-w-[360px]"),children:[r("div",{className:"flex flex-col gap-[16px]",children:[o("div",{className:"mob-headline-bold-s desktop:desk-headline-bold-m",dangerouslySetInnerHTML:{__html:m}}),o("div",{className:"desktop:desk-body-regular-l",dangerouslySetInnerHTML:{__html:l}})]}),r("div",{className:"flex flex-col gap-4",children:[o(v,{...n,horizontal:x,data:e,columns:g,mode:"odd",pagination:s}),t&&o("div",{className:"desk-body-regular-m text-color-tetriary",dangerouslySetInnerHTML:{__html:t}})]})]})})};export{io as Table};
 //# sourceMappingURL=Table.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sources":["../../../../lib/widgets/table/Table.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 Table = <Key extends string, TData extends Record<Key, unknown>>(props: TableProps<Key, TData>) => {\n const { title, subtitle, helperText, pagination = false, columns, data, horizontal, ...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='w-full'>\n <ResponsiveContainer className={cn('flex flex-col gap-12 mobile:max-w-[360px]')}>\n <div className='flex flex-col gap-[16px]'>\n <div className='mob-headline-bold-s desktop:desk-headline-bold-m' dangerouslySetInnerHTML={{ __html: title }} />\n <div className='desktop:desk-body-regular-l' dangerouslySetInnerHTML={{ __html: subtitle }} />\n </div>\n\n <div className='flex flex-col gap-4'>\n <DataTable\n {...restTableProps}\n horizontal={isHorizontal}\n data={data}\n columns={cols}\n mode='odd'\n pagination={pagination}\n />\n {helperText && (\n <div className='desk-body-regular-m text-color-tetriary' dangerouslySetInnerHTML={{ __html: helperText }} />\n )}\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n"],"names":["Table","props","title","subtitle","helperText","pagination","columns","data","horizontal","restTableProps","accessors","sortingColumns","sortingFn","getHeaderAccessors","cols","TableUtils","isHorizontal","isHorizontalTable","jsx","ResponsiveContainer","cn","jsxs","DataTable"],"mappings":"~~wmEAKO~~,MAAMA,GAAiEC,GAAkC,CAC9G,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAa,GAAO,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,GAAGC,CAAA,EAAmBR,EAEpG,CAAE,UAAAS,EAAW,eAAAC,EAAgB,UAAAC,CAAA,EAAcC,EAAmBP,CAAO,EAErEQ,EAAOC,EAAW,WAAWR,EAAK,CAAC,EAAG,CAC1C,eAAgBG,EAChB,cAAeC,EACf,UAAAC,CAAA,CACD,EAEKI,EAAeC,EAAkBT,CAAU,EAEjD,OACEU,EAAC,WAAQ,UAAU,SACjB,WAACC,EAAA,CAAoB,UAAWC,EAAG,2CAA2C,EAC5E,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAH,EAAC,OAAI,UAAU,mDAAmD,wBAAyB,CAAE,OAAQhB,GAAS,EAC9GgB,EAAC,OAAI,UAAU,8BAA8B,wBAAyB,CAAE,OAAQf,EAAS,CAAG,CAAA,EAC9F,EAEAkB,EAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAH,EAACI,EAAA,CACE,GAAGb,EACJ,WAAYO,EACZ,KAAAT,EACA,QAASO,EACT,KAAK,MACL,WAAAT,CAAA,CAAA,EAEDD,KACE,MAAA,CAAI,UAAU,0CAA0C,wBAAyB,CAAE,OAAQA,EAAW,CAAG,CAAA,CAAA,CAE9G,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"Table.js","sources":["../../../../lib/widgets/table/Table.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 Table = <Key extends string, TData extends Record<Key, unknown>>(props: TableProps<Key, TData>) => {\n const { title, subtitle, helperText, pagination = false, columns, data, horizontal, ...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='w-full'>\n <ResponsiveContainer className={cn('flex flex-col gap-12 mobile:max-w-[360px]')}>\n <div className='flex flex-col gap-[16px]'>\n <div className='mob-headline-bold-s desktop:desk-headline-bold-m' dangerouslySetInnerHTML={{ __html: title }} />\n <div className='desktop:desk-body-regular-l' dangerouslySetInnerHTML={{ __html: subtitle }} />\n </div>\n\n <div className='flex flex-col gap-4'>\n <DataTable\n {...restTableProps}\n horizontal={isHorizontal}\n data={data}\n columns={cols}\n mode='odd'\n pagination={pagination}\n />\n {helperText && (\n <div className='desk-body-regular-m text-color-tetriary' dangerouslySetInnerHTML={{ __html: helperText }} />\n )}\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n"],"names":["Table","props","title","subtitle","helperText","pagination","columns","data","horizontal","restTableProps","accessors","sortingColumns","sortingFn","getHeaderAccessors","cols","TableUtils","isHorizontal","isHorizontalTable","jsx","ResponsiveContainer","cn","jsxs","DataTable"],"mappings":"4oEAKO,MAAMA,GAAiEC,GAAkC,CAC9G,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAa,GAAO,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,GAAGC,CAAA,EAAmBR,EAEpG,CAAE,UAAAS,EAAW,eAAAC,EAAgB,UAAAC,CAAA,EAAcC,EAAmBP,CAAO,EAErEQ,EAAOC,EAAW,WAAWR,EAAK,CAAC,EAAG,CAC1C,eAAgBG,EAChB,cAAeC,EACf,UAAAC,CAAA,CACD,EAEKI,EAAeC,EAAkBT,CAAU,EAEjD,OACEU,EAAC,WAAQ,UAAU,SACjB,WAACC,EAAA,CAAoB,UAAWC,EAAG,2CAA2C,EAC5E,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAH,EAAC,OAAI,UAAU,mDAAmD,wBAAyB,CAAE,OAAQhB,GAAS,EAC9GgB,EAAC,OAAI,UAAU,8BAA8B,wBAAyB,CAAE,OAAQf,EAAS,CAAG,CAAA,EAC9F,EAEAkB,EAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAH,EAACI,EAAA,CACE,GAAGb,EACJ,WAAYO,EACZ,KAAAT,EACA,QAASO,EACT,KAAK,MACL,WAAAT,CAAA,CAAA,EAEDD,KACE,MAAA,CAAI,UAAU,0CAA0C,wBAAyB,CAAE,OAAQA,EAAW,CAAG,CAAA,CAAA,CAE9G,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as g}from"react/jsx-runtime";import{useState as v,useMemo as I}from"react";import{widgetIds as e}from"../model/helpers.js";import{Tabs as T}from"./ui/Tabs.js";import{RenderEntity as j}from"./ui/RenderEntity.js";import{ResponsiveContainer as y}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as t}from"../../shared/utils/cn.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as C}from"../../shared/ui/heading/Heading.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../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 mo=({headline:d,tabs:r,classes:o,accordionsConfig:u})=>{var n,f;const[p,h]=v(0),x=I(()=>r==null?void 0:r.map(m=>m==null?void 0:m.tabName),[r])??[];return!r||(r==null?void 0:r.length)===0?null:i("section",{id:e.usefulInfo,"data-test-id":e.usefulInfo,className:t(o==null?void 0:o.root),children:g(y,{className:t(o==null?void 0:o.container),children:[i(C,{className:t(o==null?void 0:o.headline),as:"h2",children:d}),i("div",{className:t("mt-6 flex flex-col gap-2 desktop:mt-12",o==null?void 0:o.tabsWrapper),children:i(T,{tabsNames:x,activeTab:p,setActiveTab:h,classes:o==null?void 0:o.tabs})}),i("div",{className:t("mt-6 flex flex-col gap-8",o==null?void 0:o.contentWrapper),children:(f=(n=r==null?void 0:r[p])==null?void 0:n.contents)==null?void 0:f.map((m,N)=>i(j,{accordionsConfig:u,...m,classes:o==null?void 0:o.entityClasses},N))})]})})};export{mo as UsefulInfo,mo as default};
+import{jsx as i,jsxs as g}from"react/jsx-runtime";import{useState as v,useMemo as I}from"react";import{widgetIds as e}from"../model/helpers.js";import{Tabs as T}from"./ui/Tabs.js";import{RenderEntity as j}from"./ui/RenderEntity.js";import{ResponsiveContainer as y}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as t}from"../../shared/utils/cn.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{Heading as C}from"../../shared/ui/heading/Heading.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const to=({headline:d,tabs:r,classes:o,accordionsConfig:u})=>{var n,f;const[p,h]=v(0),x=I(()=>r==null?void 0:r.map(m=>m==null?void 0:m.tabName),[r])??[];return!r||(r==null?void 0:r.length)===0?null:i("section",{id:e.usefulInfo,"data-test-id":e.usefulInfo,className:t(o==null?void 0:o.root),children:g(y,{className:t(o==null?void 0:o.container),children:[i(C,{className:t(o==null?void 0:o.headline),as:"h2",children:d}),i("div",{className:t("mt-6 flex flex-col gap-2 desktop:mt-12",o==null?void 0:o.tabsWrapper),children:i(T,{tabsNames:x,activeTab:p,setActiveTab:h,classes:o==null?void 0:o.tabs})}),i("div",{className:t("mt-6 flex flex-col gap-8",o==null?void 0:o.contentWrapper),children:(f=(n=r==null?void 0:r[p])==null?void 0:n.contents)==null?void 0:f.map((m,N)=>i(j,{accordionsConfig:u,...m,classes:o==null?void 0:o.entityClasses},N))})]})})};export{to as UsefulInfo,to 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 tabsNames = useMemo(() => tabs?.map((tab) => tab?.tabName), [tabs]) ?? []\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(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 tabsNames={tabsNames} 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","tabsNames","useMemo","tab","widgetIds","cn","jsxs","ResponsiveContainer","jsx","Heading","Tabs","_b","_a","entity","index","RenderEntity"],"mappings":"~~8nEAwBO~~,MAAMA,GAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,QAAAC,EAAS,iBAAAC,KAAwC,SAC5F,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,CAAC,EAEtCC,EAAYC,EAAQ,IAAMP,GAAA,YAAAA,EAAM,IAAKQ,GAAQA,GAAA,YAAAA,EAAK,SAAU,CAACR,CAAI,CAAC,GAAK,CAAA,EAE7E,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,EAAGT,GAAA,YAAAA,EAAS,QAAQ,EAAG,GAAG,KAC3C,SAAAF,CAAA,CACH,IACC,MAAA,CAAI,UAAWW,EAAG,yCAA0CT,GAAA,YAAAA,EAAS,WAAW,EAC/E,SAAAY,EAACE,EAAA,CAAK,UAAAT,EAAsB,UAAAH,EAAsB,aAAAC,EAA4B,QAASH,GAAA,YAAAA,EAAS,KAAM,EACxG,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 tabsNames = useMemo(() => tabs?.map((tab) => tab?.tabName), [tabs]) ?? []\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(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 tabsNames={tabsNames} 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","tabsNames","useMemo","tab","widgetIds","cn","jsxs","ResponsiveContainer","jsx","Heading","Tabs","_b","_a","entity","index","RenderEntity"],"mappings":"kqEAwBO,MAAMA,GAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,QAAAC,EAAS,iBAAAC,KAAwC,SAC5F,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,CAAC,EAEtCC,EAAYC,EAAQ,IAAMP,GAAA,YAAAA,EAAM,IAAKQ,GAAQA,GAAA,YAAAA,EAAK,SAAU,CAACR,CAAI,CAAC,GAAK,CAAA,EAE7E,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,EAAGT,GAAA,YAAAA,EAAS,QAAQ,EAAG,GAAG,KAC3C,SAAAF,CAAA,CACH,IACC,MAAA,CAAI,UAAWW,EAAG,yCAA0CT,GAAA,YAAAA,EAAS,WAAW,EAC/E,SAAAY,EAACE,EAAA,CAAK,UAAAT,EAAsB,UAAAH,EAAsB,aAAAC,EAA4B,QAASH,GAAA,YAAAA,EAAS,KAAM,EACxG,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"}