npm - @scbt-ecom/ui - Versions diffs - 0.147.3 → 0.147.5 - Mend

@scbt-ecom/ui 0.147.3 → 0.147.5

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 (532) 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~~,+yGAAC~~,EAC9CC,EAAaD,EAAK,UAAM,OAAO,6BAA0B,~~q/GAAC~~,EAC1DE,EAAcF,EAAK,UAAM,OAAO,+BAA4B,~~k9GAAC,~~EAC7DG,EAAoBH,EAAK,UAAM,OAAO,2CAAwC,~~s8GAAC~~,EAC/EI,EAASJ,EAAK,UAAM,OAAO,qBAAkB,~~kqGAAC~~,EAC9CK,EAASL,EAAK,UAAM,OAAO,qBAAkB,~~6oGAAC~~,EAC9CM,EAAeN,EAAK,UAAM,OAAO,iCAA8B,~~kpGAAC,~~EAChEO,EAAaP,EAAK,UAAM,OAAO,6BAA0B,~~ipGAAC~~,EAC1DQ,EAAYR,EAAK,UAAM,OAAO,2BAAwB,~~ksGAAC~~,EACvDS,EAAUT,EAAK,UAAM,OAAO,uBAAoB,~~ssGAAC~~,EACjDU,EAAiBV,EAAK,UAAM,OAAO,qCAAkC,~~yoGAAC~~,EACtEW,EAAaX,EAAK,UAAM,OAAO,6BAA0B,~~0sGAAC~~,EAC1DY,EAAUZ,EAAK,UAAM,OAAO,uBAAoB,~~uoGAAC~~,EACjDa,EAAYb,EAAK,UAAM,OAAO,2BAAwB,~~wpGAAC~~,EACvDc,EAAed,EAAK,UAAM,OAAO,iCAA8B,~~swGAAC~~,EAChEe,EAAQf,EAAK,UAAM,OAAO,uBAAoB,~~krGAAC~~,EAC/CgB,EAAYhB,EAAK,UAAM,OAAO,2BAAwB~~,+oGAAC~~,EAIhDiB,EAAkB,CAC7B,OAAQZ,EACR,UAAWG,EACX,OAAQT,EACR,WAAYE,EACZ,KAAMC,EACN,WAAYC,EACZ,QAASM,EACT,QAASG,EACT,WAAYL,EACZ,WAAYI,EACZ,aAAcL,EACd,OAAQF,EACR,UAAWS,EACX,aAAcC,EACd,UAAWC,EACX,eAAgBL,EAChB,UAAWM,CACb,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","ConditionBlock","UsefulInfo","Benefit","InfoBlock","UserFeedback","Table","ErrorPage","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 ConditionBlock = lazy(() => import('../conditionBlock/ConditionBlock'))\nconst UsefulInfo = lazy(() => import('../usefulInfo/UsefulInfo'))\nconst Benefit = lazy(() => import('../benefit/Benefit'))\nconst InfoBlock = lazy(() => import('../infoBlock/InfoBlock'))\nconst UserFeedback = lazy(() => import('../userFeedback/UserFeedback'))\nconst Table = lazy(() => import('../table/InfoTable'))\nconst ErrorPage = lazy(() => import('../errorPage/ErrorPage'))\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 infoTable: Table,\n conditionBlock: ConditionBlock,\n errorPage: ErrorPage\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,m7BAAC,EAC9CC,EAAaD,EAAK,UAAM,OAAO,6BAA0B,ijCAAC,EAC1DE,EAAcF,EAAK,UAAM,OAAO,+BAA4B,+gCAAC,EAC7DG,EAAoBH,EAAK,UAAM,OAAO,2CAAwC,mgCAAC,EAC/EI,EAASJ,EAAK,UAAM,OAAO,qBAAkB,mwBAAC,EAC9CK,EAASL,EAAK,UAAM,OAAO,qBAAkB,ivBAAC,EAC9CM,EAAeN,EAAK,UAAM,OAAO,iCAA8B,+uBAAC,EAChEO,EAAaP,EAAK,UAAM,OAAO,6BAA0B,qvBAAC,EAC1DQ,EAAYR,EAAK,UAAM,OAAO,2BAAwB,myBAAC,EACvDS,EAAUT,EAAK,UAAM,OAAO,uBAAoB,uxBAAC,EACjDU,EAAiBV,EAAK,UAAM,OAAO,qCAAkC,6uBAAC,EACtEW,EAAaX,EAAK,UAAM,OAAO,6BAA0B,2xBAAC,EAC1DY,EAAUZ,EAAK,UAAM,OAAO,uBAAoB,yuBAAC,EACjDa,EAAYb,EAAK,UAAM,OAAO,2BAAwB,ivBAAC,EACvDc,EAAed,EAAK,UAAM,OAAO,iCAA8B,m2BAAC,EAChEe,EAAQf,EAAK,UAAM,OAAO,uBAAoB,mwBAAC,EAC/CgB,EAAYhB,EAAK,UAAM,OAAO,2BAAwB,6uBAAC,EAIhDiB,EAAkB,CAC7B,OAAQZ,EACR,UAAWG,EACX,OAAQT,EACR,WAAYE,EACZ,KAAMC,EACN,WAAYC,EACZ,QAASM,EACT,QAASG,EACT,WAAYL,EACZ,WAAYI,EACZ,aAAcL,EACd,OAAQF,EACR,UAAWS,EACX,aAAcC,EACd,UAAWC,EACX,eAAgBL,EAChB,UAAWM,CACb,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","ConditionBlock","UsefulInfo","Benefit","InfoBlock","UserFeedback","Table","ErrorPage","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 ConditionBlock = lazy(() => import('../conditionBlock/ConditionBlock'))\nconst UsefulInfo = lazy(() => import('../usefulInfo/UsefulInfo'))\nconst Benefit = lazy(() => import('../benefit/Benefit'))\nconst InfoBlock = lazy(() => import('../infoBlock/InfoBlock'))\nconst UserFeedback = lazy(() => import('../userFeedback/UserFeedback'))\nconst Table = lazy(() => import('../table/InfoTable'))\nconst ErrorPage = lazy(() => import('../errorPage/ErrorPage'))\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 infoTable: Table,\n conditionBlock: ConditionBlock,\n errorPage: ErrorPage\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{QueryClientProvider as i}from"../../../node_modules/.pnpm/@tanstack_react-query@5.85.3_react@18.3.1/node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";import{QueryClient as o}from"../../../node_modules/.pnpm/@tanstack_query-core@5.85.3/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};
+import{jsx as r}from"react/jsx-runtime";import{QueryClientProvider as i,QueryClient as t}from"@tanstack/react-query";const o=new t,u=({children:e})=>r(i,{client:o,children:e});export{u as QueryClientProvider,o as queryClient};
 //# sourceMappingURL=QueryClientProvider.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryClientProvider.js","sources":["../../../../lib/widgets/queryClientProvider/QueryClientProvider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider as QueryClientProviderBase } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient()\n\nexport const QueryClientProvider = ({ children }: { children: React.ReactNode }) => (\n <QueryClientProviderBase client={queryClient}>{children}</QueryClientProviderBase>\n)\n"],"names":["queryClient","QueryClient","QueryClientProvider","children","jsx","QueryClientProviderBase"],"mappings":"~~+WAEO~~,MAAMA,EAAc,IAAIC,EAElBC,EAAsB,CAAC,CAAE,SAAAC,KACpCC,EAACC,EAAA,CAAwB,OAAQL,EAAc,SAAAG,CAAA,CAAS"}
1	+ {"version":3,"file":"QueryClientProvider.js","sources":["../../../../lib/widgets/queryClientProvider/QueryClientProvider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider as QueryClientProviderBase } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient()\n\nexport const QueryClientProvider = ({ children }: { children: React.ReactNode }) => (\n <QueryClientProviderBase client={queryClient}>{children}</QueryClientProviderBase>\n)\n"],"names":["queryClient","QueryClient","QueryClientProvider","children","jsx","QueryClientProviderBase"],"mappings":"qHAEO,MAAMA,EAAc,IAAIC,EAElBC,EAAsB,CAAC,CAAE,SAAAC,KACpCC,EAACC,EAAA,CAAwB,OAAQL,EAAc,SAAAG,CAAA,CAAS"}

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"react";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import{useDevice as c}from"../../shared/hooks/useDevice.js";import"react-hook-form";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";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 mo=({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{mo as SeoHeader,mo 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/button/model/helpers.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"uuid";import"react";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import{useDevice as c}from"../../shared/hooks/useDevice.js";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";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 Do=({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{Do as SeoHeader,Do 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":"~~++EAoBO~~,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":"q8FAoBO,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 t}from"react/jsx-runtime";import{useCategoryReducer as c}from"../../hooks/useCategoryReducer/useCategoryReducer.js";import{rootCategoryAction as d,currentCategoryAction as u}from"../../hooks/useCategoryReducer/actions.js";import{CategoryTabs as g}from"./CategoryTabs.js";import{RootTab as b}from"./rootTab/RootTab.js";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"react";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as 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 rr=({categories:o,helpers:l,phone:a})=>{const[e,p]=c({root:o[0].children[0],current:o[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:[t(n,{name:"brandLogos/logoMain",className:"mr-auto w-[130px]"}),o.map(r=>{const s=e.root.title===r.title;return t(b,{category:r,selectedCategory:e.current,onCurrentCategoryChange:i=>p(u(i)),onRootCategoryChange:i=>p(d(i)),active:s},r.title)}),t("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),l.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&&t(n,{name:r.link.icon,className:"size-4"}),r.title]},r.title)),t("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),t("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:a})]}),t(g,{categories:e.current.children})]})};export{rr as CategoriesDesktop};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCategoryReducer as c}from"../../hooks/useCategoryReducer/useCategoryReducer.js";import{rootCategoryAction as d,currentCategoryAction as u}from"../../hooks/useCategoryReducer/actions.js";import{CategoryTabs as g}from"./CategoryTabs.js";import{RootTab as b}from"./rootTab/RootTab.js";import"classnames";import"tailwind-merge";import"uuid";import"react";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import{Icon as n}from"../../../../shared/ui/icon/Icon.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Cr=({categories:o,helpers:l,phone:p})=>{const[i,a]=c({root:o[0].children[0],current:o[0].children[0]});return e("div",{className:"mobile:hidden",children:[e("div",{className:"flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4",children:[t(n,{name:"brandLogos/logoMain",className:"mr-auto w-[130px]"}),o.map(r=>{const s=i.root.title===r.title;return t(b,{category:r,selectedCategory:i.current,onCurrentCategoryChange:m=>a(u(m)),onRootCategoryChange:m=>a(d(m)),active:s},r.title)}),t("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),l.map(r=>e("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&&t(n,{name:r.link.icon,className:"size-4"}),r.title]},r.title)),t("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),t("a",{href:`tel:${p}`,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:p})]}),t(g,{categories:i.current.children})]})};export{Cr 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'\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 {phone}\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","CategoryTabs"],"mappings":"~~6/EAYO~~,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,SAAAA,CAAA,CAAA,CACH,EACF,EACAK,EAACS,EAAA,CAAa,WAAYb,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'\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 {phone}\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","CategoryTabs"],"mappings":"kgGAYO,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,SAAAA,CAAA,CAAA,CACH,EACF,EACAK,EAACS,EAAA,CAAa,WAAYb,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/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import{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/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/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:"Войти"})]})})},Z=l(d);export{Z 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{AnimatePresence as b}from"framer-motion";import"classnames";import"tailwind-merge";import"uuid";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import{CustomLink as f}from"../../../../shared/ui/customLink/CustomLink.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Tab as u}from"./tab/Tab.js";const d=({categories:i})=>{const[m,p]=a(null),e=s(r=>{p(r)},[]),o=c(null);return t(b,{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(u,{ref:o,category:r,active:m===r.title,onActiveTabChange:e},r.title)),t(f,{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:"Войти"})]})})},hr=l(d);export{hr 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":"~~qhFAUA~~,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":"u2FAUA,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,GAAeC,EAAKjB,CAAc"}

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

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as t}from"react/jsx-runtime";import{cn as e}from"../../../../../shared/utils/cn.js";import"react";const x=({category:r,selectedCategory:s,onCurrentCategoryChange:l,onRootCategoryChange:i,active:d,...c})=>p("div",{...c,onClick:()=>{l(r.children[0]),i(r)},className:e("group/category relative cursor-default text-color-tetriary duration-100 hover:text-color-dark",{"text-color-dark":d}),children:[t("span",{className:"desk-body-regular-m",children:r.title}),r.children.length>1&&t("div",{className:e("absolute right-0 top-full z-10 flex w-max flex-col","invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100","rounded-sm p-1"),children:r.children.map(o=>t("span",{onClick:a=>{a.stopPropagation(),a.nativeEvent.stopPropagation(),i(r),l(o)},className:e("desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",{"text-color-primary-default":s.title===o.title}),children:o.title},o.title))})]});export{x as RootTab};
+import{jsxs as c,jsx as t}from"react/jsx-runtime";import{cn as e}from"../../../../../shared/utils/cn.js";import"uuid";import"react";const h=({category:r,selectedCategory:s,onCurrentCategoryChange:l,onRootCategoryChange:i,active:d,...p})=>c("div",{...p,onClick:()=>{l(r.children[0]),i(r)},className:e("group/category relative cursor-default text-color-tetriary duration-100 hover:text-color-dark",{"text-color-dark":d}),children:[t("span",{className:"desk-body-regular-m",children:r.title}),r.children.length>1&&t("div",{className:e("absolute right-0 top-full z-10 flex w-max flex-col","invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100","rounded-sm p-1"),children:r.children.map(o=>t("span",{onClick:a=>{a.stopPropagation(),a.nativeEvent.stopPropagation(),i(r),l(o)},className:e("desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",{"text-color-primary-default":s.title===o.title}),children:o.title},o.title))})]});export{h as RootTab};
 //# sourceMappingURL=RootTab.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RootTab.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/desktop/rootTab/RootTab.tsx"],"sourcesContent":["import type { Category } from '../../../model'\nimport { cn } from '$/shared/utils'\n\ntype RootTabProps = React.HTMLAttributes<HTMLDivElement> & {\n category: Category\n selectedCategory: Category\n onCurrentCategoryChange: (category: Category) => void\n onRootCategoryChange: (category: Category) => void\n active: boolean\n}\n\nexport const RootTab = ({\n category,\n selectedCategory,\n onCurrentCategoryChange,\n onRootCategoryChange,\n active,\n ...props\n}: RootTabProps) => {\n return (\n <div\n {...props}\n onClick={() => {\n onCurrentCategoryChange(category.children[0])\n onRootCategoryChange(category)\n }}\n className={cn('group/category relative cursor-default text-color-tetriary duration-100 hover:text-color-dark', {\n 'text-color-dark': active\n })}\n >\n <span className='desk-body-regular-m'>{category.title}</span>\n {category.children.length > 1 && (\n <div\n className={cn(\n 'absolute right-0 top-full z-10 flex w-max flex-col',\n 'invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100',\n 'rounded-sm p-1'\n )}\n >\n {category.children.map((child) => (\n <span\n onClick={(event) => {\n event.stopPropagation()\n event.nativeEvent.stopPropagation()\n\n onRootCategoryChange(category)\n onCurrentCategoryChange(child)\n }}\n key={child.title}\n className={cn(\n 'desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark',\n {\n 'text-color-primary-default': selectedCategory.title === child.title\n }\n )}\n >\n {child.title}\n </span>\n ))}\n </div>\n )}\n </div>\n )\n}\n"],"names":["RootTab","category","selectedCategory","onCurrentCategoryChange","onRootCategoryChange","active","props","jsxs","cn","jsx","child","event"],"mappings":"~~uHAWO~~,MAAMA,EAAU,CAAC,CACtB,SAAAC,EACA,iBAAAC,EACA,wBAAAC,EACA,qBAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAEIC,EAAC,MAAA,CACE,GAAGD,EACJ,QAAS,IAAM,CACbH,EAAwBF,EAAS,SAAS,CAAC,CAAC,EAC5CG,EAAqBH,CAAQ,CAC/B,EACA,UAAWO,EAAG,gGAAiG,CAC7G,kBAAmBH,CAAA,CACpB,EAED,SAAA,CAAAI,EAAC,OAAA,CAAK,UAAU,sBAAuB,SAAAR,EAAS,MAAM,EACrDA,EAAS,SAAS,OAAS,GAC1BQ,EAAC,MAAA,CACC,UAAWD,EACT,qDACA,6GACA,gBAAA,EAGD,SAAAP,EAAS,SAAS,IAAKS,GACtBD,EAAC,OAAA,CACC,QAAUE,GAAU,CAClBA,EAAM,gBAAA,EACNA,EAAM,YAAY,gBAAA,EAElBP,EAAqBH,CAAQ,EAC7BE,EAAwBO,CAAK,CAC/B,EAEA,UAAWF,EACT,gIACA,CACE,6BAA8BN,EAAiB,QAAUQ,EAAM,KAAA,CACjE,EAGD,SAAAA,EAAM,KAAA,EARFA,EAAM,KAAA,CAUd,CAAA,CAAA,CACH,CAAA,CAAA"}
1	+ {"version":3,"file":"RootTab.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/desktop/rootTab/RootTab.tsx"],"sourcesContent":["import type { Category } from '../../../model'\nimport { cn } from '$/shared/utils'\n\ntype RootTabProps = React.HTMLAttributes<HTMLDivElement> & {\n category: Category\n selectedCategory: Category\n onCurrentCategoryChange: (category: Category) => void\n onRootCategoryChange: (category: Category) => void\n active: boolean\n}\n\nexport const RootTab = ({\n category,\n selectedCategory,\n onCurrentCategoryChange,\n onRootCategoryChange,\n active,\n ...props\n}: RootTabProps) => {\n return (\n <div\n {...props}\n onClick={() => {\n onCurrentCategoryChange(category.children[0])\n onRootCategoryChange(category)\n }}\n className={cn('group/category relative cursor-default text-color-tetriary duration-100 hover:text-color-dark', {\n 'text-color-dark': active\n })}\n >\n <span className='desk-body-regular-m'>{category.title}</span>\n {category.children.length > 1 && (\n <div\n className={cn(\n 'absolute right-0 top-full z-10 flex w-max flex-col',\n 'invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100',\n 'rounded-sm p-1'\n )}\n >\n {category.children.map((child) => (\n <span\n onClick={(event) => {\n event.stopPropagation()\n event.nativeEvent.stopPropagation()\n\n onRootCategoryChange(category)\n onCurrentCategoryChange(child)\n }}\n key={child.title}\n className={cn(\n 'desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark',\n {\n 'text-color-primary-default': selectedCategory.title === child.title\n }\n )}\n >\n {child.title}\n </span>\n ))}\n </div>\n )}\n </div>\n )\n}\n"],"names":["RootTab","category","selectedCategory","onCurrentCategoryChange","onRootCategoryChange","active","props","jsxs","cn","jsx","child","event"],"mappings":"oIAWO,MAAMA,EAAU,CAAC,CACtB,SAAAC,EACA,iBAAAC,EACA,wBAAAC,EACA,qBAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAEIC,EAAC,MAAA,CACE,GAAGD,EACJ,QAAS,IAAM,CACbH,EAAwBF,EAAS,SAAS,CAAC,CAAC,EAC5CG,EAAqBH,CAAQ,CAC/B,EACA,UAAWO,EAAG,gGAAiG,CAC7G,kBAAmBH,CAAA,CACpB,EAED,SAAA,CAAAI,EAAC,OAAA,CAAK,UAAU,sBAAuB,SAAAR,EAAS,MAAM,EACrDA,EAAS,SAAS,OAAS,GAC1BQ,EAAC,MAAA,CACC,UAAWD,EACT,qDACA,6GACA,gBAAA,EAGD,SAAAP,EAAS,SAAS,IAAKS,GACtBD,EAAC,OAAA,CACC,QAAUE,GAAU,CAClBA,EAAM,gBAAA,EACNA,EAAM,YAAY,gBAAA,EAElBP,EAAqBH,CAAQ,EAC7BE,EAAwBO,CAAK,CAC/B,EAEA,UAAWF,EACT,gIACA,CACE,6BAA8BN,EAAiB,QAAUQ,EAAM,KAAA,CACjE,EAGD,SAAAA,EAAM,KAAA,EARFA,EAAM,KAAA,CAUd,CAAA,CAAA,CACH,CAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as f}from"react/jsx-runtime";import{memo as c,forwardRef as d}from"react";import{TabContent as h}from"./ui/content/TabContent.js";import{cn as x}from"../../../../../shared/utils/cn.js";import{TypeGuards as m}from"../../../../../shared/utils/typeGuards.js";import{motion as k}from"../../../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const b=d(({category:t,active:u,onActiveTabChange:r},e)=>{var s,a;const n=e&&"current"in e?e:null,o=(s=n==null?void 0:n.current)==null?void 0:s.getBoundingClientRect(),l=u&&!m.isArrayEmpty(t.children),i=t.link?m.isStringEmpty(t.link.href)?"span":"a":"span";return p(k.div,{ref:e,className:x("relative flex cursor-default items-center justify-center py-4 text-color-dark after:z-30",'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',"after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",{"text-color-primary-default":l,"after:w-full":l}),onMouseEnter:()=>r(t.title),onMouseLeave:()=>r(null),onFocus:()=>r(t.title),children:[f(i,{href:i==="a"?(a=t.link)==null?void 0:a.href:void 0,className:"desk-body-regular-m outline-none",children:t.title}),l&&f(h,{categories:t.children,style:{top:o?o.top+o.height:0}})]})}),B=c(b);export{B as Tab};
+import{jsxs as p,jsx as m}from"react/jsx-runtime";import{memo as c,forwardRef as d}from"react";import{motion as h}from"framer-motion";import{TabContent as x}from"./ui/content/TabContent.js";import{cn as k}from"../../../../../shared/utils/cn.js";import{TypeGuards as f}from"../../../../../shared/utils/typeGuards.js";import"uuid";const b=d(({category:t,active:u,onActiveTabChange:r},e)=>{var s,a;const n=e&&"current"in e?e:null,o=(s=n==null?void 0:n.current)==null?void 0:s.getBoundingClientRect(),i=u&&!f.isArrayEmpty(t.children),l=t.link?f.isStringEmpty(t.link.href)?"span":"a":"span";return p(h.div,{ref:e,className:k("relative flex cursor-default items-center justify-center py-4 text-color-dark after:z-30",'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',"after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",{"text-color-primary-default":i,"after:w-full":i}),onMouseEnter:()=>r(t.title),onMouseLeave:()=>r(null),onFocus:()=>r(t.title),children:[m(l,{href:l==="a"?(a=t.link)==null?void 0:a.href:void 0,className:"desk-body-regular-m outline-none",children:t.title}),i&&m(x,{categories:t.children,style:{top:o?o.top+o.height:0}})]})}),C=c(b);export{C as Tab};
 //# sourceMappingURL=Tab.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/desktop/tab/Tab.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react'\nimport { motion } from 'framer-motion'\nimport type { Category } from '../../../model'\nimport { TabContent } from './ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\ntype TabProps = {\n category: Category\n active: boolean\n onActiveTabChange: (active: string \| null) => void\n}\n\nconst InnerComponent = forwardRef<HTMLDivElement, TabProps>(({ category, active, onActiveTabChange }, ref) => {\n const rootRef = ref && 'current' in ref ? ref : null\n const triggerClientRect = rootRef?.current?.getBoundingClientRect()\n\n const contentShouldRender = active && !TypeGuards.isArrayEmpty(category.children)\n\n const Button = !category.link ? 'span' : TypeGuards.isStringEmpty(category.link.href) ? 'span' : 'a'\n\n return (\n <motion.div\n ref={ref}\n className={cn(\n 'relative flex cursor-default items-center justify-center py-4 text-color-dark after:z-30',\n 'after:content=\"\" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',\n 'after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100',\n {\n 'text-color-primary-default': contentShouldRender,\n 'after:w-full': contentShouldRender\n }\n )}\n onMouseEnter={() => onActiveTabChange(category.title!)}\n onMouseLeave={() => onActiveTabChange(null)}\n onFocus={() => onActiveTabChange(category.title!)}\n >\n <Button href={Button === 'a' ? category.link?.href : undefined} className='desk-body-regular-m outline-none'>\n {category.title}\n </Button>\n {contentShouldRender && (\n <TabContent\n categories={category.children}\n style={{\n top: triggerClientRect ? triggerClientRect.top + triggerClientRect.height : 0\n }}\n />\n )}\n </motion.div>\n )\n})\n\nexport const Tab = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","forwardRef","category","active","onActiveTabChange","ref","rootRef","triggerClientRect","_a","contentShouldRender","TypeGuards","Button","jsxs","motion","cn","jsx","_b","TabContent","Tab","memo"],"mappings":"~~0dAYA~~,MAAMA,EAAiBC,EAAqC,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,kBAAAC,CAAA,EAAqBC,IAAQ,SAC5G,MAAMC,EAAUD,GAAO,YAAaA,EAAMA,EAAM,KAC1CE,GAAoBC,EAAAF,GAAA,YAAAA,EAAS,UAAT,YAAAE,EAAkB,wBAEtCC,EAAsBN,GAAU,CAACO,EAAW,aAAaR,EAAS,QAAQ,EAE1ES,EAAUT,EAAS,KAAgBQ,EAAW,cAAcR,EAAS,KAAK,IAAI,EAAI,OAAS,IAAjE,OAEhC,OACEU,EAACC,EAAO,IAAP,CACC,IAAAR,EACA,UAAWS,EACT,2FACA,8EACA,qFACA,CACE,6BAA8BL,EAC9B,eAAgBA,CAAA,CAClB,EAEF,aAAc,IAAML,EAAkBF,EAAS,KAAM,EACrD,aAAc,IAAME,EAAkB,IAAI,EAC1C,QAAS,IAAMA,EAAkBF,EAAS,KAAM,EAEhD,SAAA,CAAAa,EAACJ,EAAA,CAAO,KAAMA,IAAW,KAAMK,EAAAd,EAAS,OAAT,YAAAc,EAAe,KAAO,OAAW,UAAU,mCACvE,SAAAd,EAAS,MACZ,EACCO,GACCM,EAACE,EAAA,CACC,WAAYf,EAAS,SACrB,MAAO,CACL,IAAKK,EAAoBA,EAAkB,IAAMA,EAAkB,OAAS,CAAA,CAC9E,CAAA,CACF,CAAA,CAAA,CAIR,CAAC,EAEYW,EAAMC,EAAKnB,CAAc"}
1	+ {"version":3,"file":"Tab.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/desktop/tab/Tab.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react'\nimport { motion } from 'framer-motion'\nimport type { Category } from '../../../model'\nimport { TabContent } from './ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\ntype TabProps = {\n category: Category\n active: boolean\n onActiveTabChange: (active: string \| null) => void\n}\n\nconst InnerComponent = forwardRef<HTMLDivElement, TabProps>(({ category, active, onActiveTabChange }, ref) => {\n const rootRef = ref && 'current' in ref ? ref : null\n const triggerClientRect = rootRef?.current?.getBoundingClientRect()\n\n const contentShouldRender = active && !TypeGuards.isArrayEmpty(category.children)\n\n const Button = !category.link ? 'span' : TypeGuards.isStringEmpty(category.link.href) ? 'span' : 'a'\n\n return (\n <motion.div\n ref={ref}\n className={cn(\n 'relative flex cursor-default items-center justify-center py-4 text-color-dark after:z-30',\n 'after:content=\"\" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',\n 'after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100',\n {\n 'text-color-primary-default': contentShouldRender,\n 'after:w-full': contentShouldRender\n }\n )}\n onMouseEnter={() => onActiveTabChange(category.title!)}\n onMouseLeave={() => onActiveTabChange(null)}\n onFocus={() => onActiveTabChange(category.title!)}\n >\n <Button href={Button === 'a' ? category.link?.href : undefined} className='desk-body-regular-m outline-none'>\n {category.title}\n </Button>\n {contentShouldRender && (\n <TabContent\n categories={category.children}\n style={{\n top: triggerClientRect ? triggerClientRect.top + triggerClientRect.height : 0\n }}\n />\n )}\n </motion.div>\n )\n})\n\nexport const Tab = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","forwardRef","category","active","onActiveTabChange","ref","rootRef","triggerClientRect","_a","contentShouldRender","TypeGuards","Button","jsxs","motion","cn","jsx","_b","TabContent","Tab","memo"],"mappings":"yUAYA,MAAMA,EAAiBC,EAAqC,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,kBAAAC,CAAA,EAAqBC,IAAQ,SAC5G,MAAMC,EAAUD,GAAO,YAAaA,EAAMA,EAAM,KAC1CE,GAAoBC,EAAAF,GAAA,YAAAA,EAAS,UAAT,YAAAE,EAAkB,wBAEtCC,EAAsBN,GAAU,CAACO,EAAW,aAAaR,EAAS,QAAQ,EAE1ES,EAAUT,EAAS,KAAgBQ,EAAW,cAAcR,EAAS,KAAK,IAAI,EAAI,OAAS,IAAjE,OAEhC,OACEU,EAACC,EAAO,IAAP,CACC,IAAAR,EACA,UAAWS,EACT,2FACA,8EACA,qFACA,CACE,6BAA8BL,EAC9B,eAAgBA,CAAA,CAClB,EAEF,aAAc,IAAML,EAAkBF,EAAS,KAAM,EACrD,aAAc,IAAME,EAAkB,IAAI,EAC1C,QAAS,IAAMA,EAAkBF,EAAS,KAAM,EAEhD,SAAA,CAAAa,EAACJ,EAAA,CAAO,KAAMA,IAAW,KAAMK,EAAAd,EAAS,OAAT,YAAAc,EAAe,KAAO,OAAW,UAAU,mCACvE,SAAAd,EAAS,MACZ,EACCO,GACCM,EAACE,EAAA,CACC,WAAYf,EAAS,SACrB,MAAO,CACL,IAAKK,EAAoBA,EAAkB,IAAMA,EAAkB,OAAS,CAAA,CAC9E,CAAA,CACF,CAAA,CAAA,CAIR,CAAC,EAEYW,EAAMC,EAAKnB,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 l}from"react/jsx-runtime";import{createPortal as c}from"react-dom";import{cn as x}from"../../../../../../../shared/utils/cn.js";import"react";import"../../../../../../../shared/ui/button/Button.js";import"../../../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../../../shared/ui/calendar/Calendar.js";import"../../../../../../../shared/ui/calendar/model/utils.js";import"../../../../../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"../../../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as 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"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{motion as d}from"../../../../../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const _=({categories:n,...s})=>{var e,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(o=>{var p,a;return r("li",{className:"w-full [&:not(:last-child)]:mb-4",children:r("a",{href:(p=o.link)==null?void 0:p.href,target:(a=o.link)==null?void 0:a.target,className:"w-full text-16",children:o.title})},o.title)})})]},t.title)})})}),((i=(e=document.body.querySelector("#modal-preview"))==null?void 0:e.contentDocument)==null?void 0:i.body)??document.body)};export{_ as TabContent};
+import{jsx as r,jsxs as l}from"react/jsx-runtime";import{createPortal as c}from"react-dom";import{motion as x}from"framer-motion";import{cn as u}from"../../../../../../../shared/utils/cn.js";import"uuid";import"react";import"../../../../../../../shared/ui/button/Button.js";import"../../../../../../../shared/ui/button/model/helpers.js";import"../../../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../../../shared/ui/loader/model/helpers.js";import"../../../../../../../shared/ui/calendar/Calendar.js";import"../../../../../../../shared/ui/calendar/model/utils.js";import"../../../../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"../../../../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../../../../shared/ui/table/ui/primitives/Primitives.js";import{Icon as d}from"../../../../../../../shared/ui/icon/Icon.js";import"@tanstack/react-table";import"../../../../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../../../shared/ui/customLink/model/helpers.js";import"../../../../../../../shared/ui/slot/Slot.js";import"../../../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const wt=({categories:n,...s})=>{var i,m;return c(r(x.div,{...s,layout:!0,initial:{opacity:0},animate:{opacity:1},transition:{duration:.2},className:u("absolute z-20 w-full bg-color-white",'after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]'),children:r("div",{className:"mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10",children:n.map(t=>{var p;const f=t.link?"a":"p";return l("div",{className:"flex flex-col gap-y-6",children:[t.title&&l(f,{href:((p=t.link)==null?void 0:p.href)??void 0,className:"flex items-center gap-x-1 text-16 uppercase text-color-primary-default",children:[t.title,r(d,{name:"arrows/arrowLink",className:"size-6"})]}),r("ul",{className:"w-[328px]",children:t.children.map(o=>{var e,a;return r("li",{className:"w-full [&:not(:last-child)]:mb-4",children:r("a",{href:(e=o.link)==null?void 0:e.href,target:(a=o.link)==null?void 0:a.target,className:"w-full text-16",children:o.title})},o.title)})})]},t.title)})})}),((m=(i=document.body.querySelector("#modal-preview"))==null?void 0:i.contentDocument)==null?void 0:m.body)??document.body)};export{wt as TabContent};
 //# 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":"~~swFAUO~~,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":"8lGAUO,MAAMA,GAAa,CAAC,CAAE,WAAAC,EAAY,GAAGC,KAA6B,SACvE,OAAOC,EACLC,EAACC,EAAO,IAAP,CACE,GAAGH,EACJ,OAAM,GACN,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWI,EACT,sCACA,mMAAA,EAGF,WAAC,MAAA,CAAI,UAAU,wDACZ,SAAAL,EAAW,IAAKM,GAAa,OAC5B,MAAMC,EAAgBD,EAAS,KAAO,IAAM,IAE5C,OACEE,EAAC,MAAA,CAAyB,UAAU,wBACjC,SAAA,CAAAF,EAAS,OACRE,EAACD,EAAA,CACC,OAAME,EAAAH,EAAS,OAAT,YAAAG,EAAe,OAAQ,OAC7B,UAAU,yEAET,SAAA,CAAAH,EAAS,MAEVH,EAACO,EAAA,CAAK,KAAK,mBAAmB,UAAU,QAAA,CAAS,CAAA,CAAA,CAAA,EAGrDP,EAAC,KAAA,CAAG,UAAU,YACX,SAAAG,EAAS,SAAS,IAAKK,GAAA,SACtB,OAAAR,EAAC,KAAA,CAAqB,UAAU,mCAC9B,SAAAA,EAAC,IAAA,CAAE,MAAMM,EAAAE,EAAM,OAAN,YAAAF,EAAY,KAAM,QAAQG,EAAAD,EAAM,OAAN,YAAAC,EAAY,OAAQ,UAAU,iBAC9D,SAAAD,EAAM,KAAA,CACT,CAAA,EAHOA,EAAM,KAIf,EACD,CAAA,CACH,CAAA,CAAA,EAnBQL,EAAS,KAoBnB,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,IAKFM,GAAAH,EAAA,SAAS,KAAK,cAAiC,gBAAgB,IAA/D,YAAAA,EAAkE,kBAAlE,YAAAG,EAAmF,OAAQ,SAAS,IAAA,CAExG"}

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

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as o}from"react/jsx-runtime";import{useRef as d,useState as b}from"react";import{createPortal as f}from"react-dom";import{Menu as g}from"./menu/Menu.js";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as 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};
+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"classnames";import"tailwind-merge";import"uuid";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"framer-motion";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import{Icon as n}from"../../../../shared/ui/icon/Icon.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const wo=({categories:l,helpers:a,phone:s})=>{var i,m,p;const e=d(null),t=(i=e.current)==null?void 0:i.getBoundingClientRect(),[r,c]=b(!1);return u("div",{ref:e,className:"relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden",children:[o(n,{name:"brandLogos/logoMain",className:"w-[130px]"}),o("button",{"aria-label":"Open menu",type:"button",onClick:()=>c(!r),className:"h-max w-max",children:o(n,{name:r?"general/close":"general/menu",className:"size-6 text-color-primary-default"})}),r&&f(o(g,{categories:l,helpers:a,phone:s,style:{top:t?t.top+t.height:0}}),((p=(m=document.body.querySelector("#modal-preview"))==null?void 0:m.contentDocument)==null?void 0:p.body)??document.body)]})};export{wo as CategoriesMobile};
 //# 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":"~~qzEAYO~~,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":"0zFAYO,MAAMA,GAAmB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAmC,WACzF,MAAMC,EAAeC,EAAuB,IAAI,EAC1CC,GAAsBC,EAAAH,EAAa,UAAb,YAAAG,EAAsB,wBAE5C,CAACC,EAAMC,CAAO,EAAIC,EAAkB,EAAK,EAI/C,OACEC,EAAC,MAAA,CACC,IAAKP,EACL,UAAU,wGAEV,SAAA,CAAAQ,EAACC,EAAA,CAAK,KAAK,sBAAsB,UAAU,YAAY,IACtD,SAAA,CAAO,aAAW,YAAY,KAAK,SAAS,QAR5B,IAAMJ,EAAQ,CAACD,CAAI,EAQgC,UAAU,cAC5E,SAAAI,EAACC,GAAK,KAAML,EAAO,gBAAkB,eAAgB,UAAU,oCAAoC,EACrG,EAECA,GACCM,EACEF,EAACG,EAAA,CACC,WAAAd,EACA,QAAAC,EACA,MAAAC,EACA,MAAO,CAAE,IAAKG,EAAsBA,EAAoB,IAAMA,EAAoB,OAAS,CAAA,CAAE,CAAA,IAK/FU,GAAAC,EAAA,SAAS,KAAK,cAAiC,gBAAgB,IAA/D,YAAAA,EAAkE,kBAAlE,YAAAD,EAAmF,OAAQ,SAAS,IAAA,CACtG,CAAA,CAAA,CAGR"}

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{cn as N}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-hook-form";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as 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 v}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"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{motion as g}from"../../../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const b=l=>l.map(r=>({value:r.title??"",label:r.title??""})),ae=({categories:l,helpers:r,phone:n,...f})=>{const p=b(l),[m,u]=h(p[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(g.div,{...f,className:N("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(v,{multiple:!1,label:"Категория",options:p,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,c;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:[((c=e.link)==null?void 0:c.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]})})]})]})};export{ae as Menu};
+import{jsxs as l,jsx as i}from"react/jsx-runtime";import{useState as h,useMemo as w}from"react";import{motion as y}from"framer-motion";import{MenuItem as N}from"./MenuItem.js";import{cn as v}from"../../../../../shared/utils/cn.js";import{TypeGuards as p}from"../../../../../shared/utils/typeGuards.js";import"uuid";import"../../../../../shared/ui/button/Button.js";import"../../../../../shared/ui/button/model/helpers.js";import"../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../shared/ui/loader/model/helpers.js";import"../../../../../shared/ui/calendar/Calendar.js";import"../../../../../shared/ui/calendar/model/utils.js";import"../../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import{Icon as s}from"../../../../../shared/ui/icon/Icon.js";import"@tanstack/react-table";import"../../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../shared/ui/customLink/model/helpers.js";import"../../../../../shared/ui/slot/Slot.js";import"../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import{Combobox as g}from"../../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const b=r=>r.map(m=>({value:m.title??"",label:m.title??""})),St=({categories:r,helpers:m,phone:a,...f})=>{const n=b(r),[o,u]=h(n[0]),d=t=>{p.isUndefined(t)||p.isArray(t)||u(t)},x=w(()=>{var t;return o?((t=r.find(e=>e.title===o.value))==null?void 0:t.children)??[]:[]},[o,r]);return l(y.div,{...f,className:v("absolute z-10 w-full max-w-[calc(636px-32px)]","absolute left-1/2 top-full bg-color-white p-4","-translate-x-1/2 overflow-x-hidden","flex flex-col items-center justify-center gap-y-4"),initial:{opacity:0},animate:{opacity:1},children:[i(g,{multiple:!1,label:"Категория",options:n,value:o,onChange:d}),i("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:x.map(t=>{var e;return p.isArrayEmpty(t.children)?i("div",{className:"w-full px-4 py-2.5",children:i("a",{href:(e=t.link)==null?void 0:e.href,className:"desk-body-regular-m inline-block w-full",children:t.title})},t.title):i(N,{category:t},t.title)})}),i("div",{className:"h-[1px] w-full bg-color-blue-grey-200"}),l("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:[m.map(t=>{var e,c;return i("div",{className:"w-full px-4 py-2.5",children:l("a",{href:(e=t.link)==null?void 0:e.href,className:"flex w-full items-center gap-x-1",children:[((c=t.link)==null?void 0:c.icon)&&i(s,{name:t.link.icon,className:"size-4"}),t.title]})},t.title)}),i("div",{className:"w-full px-4 py-2.5",children:l("a",{href:`tel:${a}`,className:"flex w-full items-center gap-x-1",children:[i(s,{name:"communication/phone",className:"size-4"}),a]})})]})]})};export{St as Menu};
 //# sourceMappingURL=Menu.js.map

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

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

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"react";import"../../../../../shared/ui/button/Button.js";import"../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../shared/ui/calendar/Calendar.js";import"../../../../../shared/ui/calendar/model/utils.js";import{Accordion as s}from"../../../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as 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"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const W=({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 m;const i=!!r.link;return a("ul",{className:"w-full list-none p-0",children:[a(i?"a":"p",{href:i?(m=r.link)==null?void 0:m.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 l;return t("li",{className:"inline-block w-full [&:not(:last-child)]:mb-3",children:t("a",{href:(l=o.link)==null?void 0:l.href,className:"w-full",children:o.title})},o.title)})]},r.title)})})},e.title);export{W as MenuItem};
+import{jsx as t,jsxs as l}from"react/jsx-runtime";import{cn as n}from"../../../../../shared/utils/cn.js";import"uuid";import"react";import"../../../../../shared/ui/button/Button.js";import"../../../../../shared/ui/button/model/helpers.js";import"../../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../../shared/ui/loader/model/helpers.js";import"../../../../../shared/ui/calendar/Calendar.js";import"../../../../../shared/ui/calendar/model/utils.js";import{Accordion as s}from"../../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../../shared/ui/table/ui/primitives/Primitives.js";import{Icon as a}from"../../../../../shared/ui/icon/Icon.js";import"@tanstack/react-table";import"../../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../../shared/ui/customLink/model/helpers.js";import"../../../../../shared/ui/slot/Slot.js";import"../../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const ft=({category:o})=>t(s,{label:o.title??"",icon:t(a,{name:"arrows/arrowRight",className:"-rotate-90"}),classes:{root:"w-full",header:{trigger:"py-2 data-[open=false]:bg-color-white",label:"desk-body-regular-m"},content:n("relative",'after:content-"" after:absolute after:w-[calc(100%-32px)]',"after:bottom-0 after:left-1/2 after:-translate-x-1/2","after:h-[1px] after:bg-color-blue-grey-200")},children:t("div",{className:"flex flex-col items-start justify-center gap-y-4",children:o.children.map(r=>{var e;const m=!!r.link;return l("ul",{className:"w-full list-none p-0",children:[l(m?"a":"p",{href:m?(e=r.link)==null?void 0:e.href:void 0,className:"mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",children:[r.title,t(a,{name:"arrows/arrowLink"})]}),r.children.map(i=>{var p;return t("li",{className:"inline-block w-full [&:not(:last-child)]:mb-3",children:t("a",{href:(p=i.link)==null?void 0:p.href,className:"w-full",children:i.title})},i.title)})]},r.title)})})},o.title);export{ft as MenuItem};
 //# 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":"~~83EAQO~~,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":"w3FAQO,MAAMA,GAAW,CAAC,CAAE,SAAAC,CAAA,IACzBC,EAACC,EAAA,CAEC,MAAOF,EAAS,OAAS,GACzB,KAAMC,EAACE,EAAA,CAAK,KAAK,oBAAoB,UAAU,aAAa,EAC5D,QAAS,CACP,KAAM,SACN,OAAQ,CACN,QAAS,wCACT,MAAO,qBAAA,EAET,QAASC,EACP,WACA,4DACA,uDACA,4CAAA,CACF,EAGF,SAAAH,EAAC,OAAI,UAAU,mDACZ,WAAS,SAAS,IAAKI,GAAU,OAChC,MAAMC,EAAS,EAAQD,EAAM,KAG7B,OACEE,EAAC,KAAA,CAAqB,UAAU,uBAC9B,SAAA,CAAAA,EAJUD,EAAS,IAAM,IAIxB,CACC,KAAMA,GAASE,EAAAH,EAAM,OAAN,YAAAG,EAAY,KAAO,OAClC,UAAU,oEAET,SAAA,CAAAH,EAAM,MACPJ,EAACE,EAAA,CAAK,KAAK,kBAAA,CAAmB,CAAA,CAAA,CAAA,EAE/BE,EAAM,SAAS,IAAKI,UACnB,OAAAR,EAAC,KAAA,CAA0B,UAAU,gDACnC,SAAAA,EAAC,IAAA,CAAE,MAAMO,EAAAC,EAAW,OAAX,YAAAD,EAAiB,KAAM,UAAU,SACvC,WAAW,KAAA,CACd,GAHOC,EAAW,KAIpB,EACD,CAAA,CAAA,EAdMJ,EAAM,KAef,CAEJ,CAAC,CAAA,CACH,CAAA,EAzCKL,EAAS,KA0ChB"}

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

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as x}from"react/jsx-runtime";import{useState as u,useMemo as N,createElement as w}from"react";import{widgetIds as h}from"../model/helpers.js";import{SingleStep as v}from"./ui/SingleStep.js";import{StepperCarousel as I}from"./ui/StepperCarousel.js";import{StepperTabs as l}from"./ui/StepperTabs.js";import{ResponsiveContainer as T}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/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-hook-form";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const fo=({steppers:t,headline:g,classes:o})=>{var a,f;const n=t&&(t==null?void 0:t.length)>1,[e,b]=u(n?(a=t==null?void 0:t[0])==null?void 0:a.tabName:""),p=N(()=>t==null?void 0:t.map(({tabName:m})=>({tabName:m})),[t]),k=n?p==null?void 0:p.findIndex(m=>m.tabName===e):0,i=t==null?void 0:t[k];return r("section",{id:h.stepper,"data-test-id":h.stepper,className:o==null?void 0:o.root,children:r(T,{className:d(o==null?void 0:o.container,"mobile:max-w-[360px]"),children:x("div",{className:d("flex flex-col gap-6 desktop:items-start desktop:gap-12",o==null?void 0:o.wrapper),children:[r("div",{dangerouslySetInnerHTML:{__html:g},className:d("mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m",o==null?void 0:o.headline)}),x("div",{className:"flex flex-col gap-6 desktop:gap-10",children:[n&&r(l,{stepperTabs:p,activeStepper:e,setActiveStepper:b,classes:o==null?void 0:o.stepperTabs}),i.withImages&&r(I,{classes:o==null?void 0:o.stepperCarousel,currentStepper:i}),r("div",{className:d("flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",o==null?void 0:o.stepsWrapper,{"mobile:hidden":i.withImages}),children:(f=i==null?void 0:i.details)==null?void 0:f.map((m,S)=>w(v,{...m,key:m.description,index:S+1,classes:o==null?void 0:o.step}))})]})]})})},i.tabName)};export{fo as Stepper,fo as default};
+import{jsx as r,jsxs as x}from"react/jsx-runtime";import{useState as u,useMemo as N,createElement as w}from"react";import{widgetIds as h}from"../model/helpers.js";import{SingleStep as v}from"./ui/SingleStep.js";import{StepperCarousel as I}from"./ui/StepperCarousel.js";import{StepperTabs as l}from"./ui/StepperTabs.js";import{ResponsiveContainer as T}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as d}from"../../shared/utils/cn.js";import"uuid";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Ao=({steppers:t,headline:g,classes:o})=>{var a,f;const n=t&&(t==null?void 0:t.length)>1,[e,b]=u(n?(a=t==null?void 0:t[0])==null?void 0:a.tabName:""),p=N(()=>t==null?void 0:t.map(({tabName:m})=>({tabName:m})),[t]),k=n?p==null?void 0:p.findIndex(m=>m.tabName===e):0,i=t==null?void 0:t[k];return r("section",{id:h.stepper,"data-test-id":h.stepper,className:o==null?void 0:o.root,children:r(T,{className:d(o==null?void 0:o.container,"mobile:max-w-[360px]"),children:x("div",{className:d("flex flex-col gap-6 desktop:items-start desktop:gap-12",o==null?void 0:o.wrapper),children:[r("div",{dangerouslySetInnerHTML:{__html:g},className:d("mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m",o==null?void 0:o.headline)}),x("div",{className:"flex flex-col gap-6 desktop:gap-10",children:[n&&r(l,{stepperTabs:p,activeStepper:e,setActiveStepper:b,classes:o==null?void 0:o.stepperTabs}),i.withImages&&r(I,{classes:o==null?void 0:o.stepperCarousel,currentStepper:i}),r("div",{className:d("flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",o==null?void 0:o.stepsWrapper,{"mobile:hidden":i.withImages}),children:(f=i==null?void 0:i.details)==null?void 0:f.map((m,S)=>w(v,{...m,key:m.description,index:S+1,classes:o==null?void 0:o.step}))})]})]})})},i.tabName)};export{Ao as Stepper,Ao as default};
 //# sourceMappingURL=Stepper.js.map

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

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

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

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