@scbt-ecom/ui 0.177.0 → 0.178.0

package/dist/lib/shared/ui/tabSwitcher/TabsSwitcher.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as e}from"react/jsx-runtime";import*as o from"@radix-ui/react-tabs";import{TabContent as u}from"./ui/TabContent.js";import{cn as r}from"../../utils/cn.js";const f=({renderContent:a,defaultActiveTabId:i="1",value:n,onChangeTab:c,classes:t})=>m(o.Root,{value:n,onValueChange:c,defaultValue:i,className:r("flex flex-col",t?.root),children:[e(o.List,{className:r("flex items-center gap-4",t?.list),children:a?.triggers?.map(({id:l,label:s})=>e(o.Trigger,{value:l,className:r('desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state="active"]:!bg-color-primary-default data-[state="active"]:!text-color-white',t?.trigger),children:s},l))}),e(u,{contents:a?.contents,classes:t?.tabContent})]});export{f as TabsSwitcher};
+import{jsxs as u,jsx as e}from"react/jsx-runtime";import*as o from"@radix-ui/react-tabs";import{TabContent as g}from"./ui/TabContent.js";import{cn as r}from"../../utils/cn.js";const b=({renderContent:a,defaultActiveTabId:n="1",value:i,onChangeTab:c,saveState:s=void 0,classes:t})=>u(o.Root,{value:i,onValueChange:c,defaultValue:n,className:r("flex flex-col",t?.root),activationMode:"manual",children:[e(o.List,{className:r("flex items-center gap-4",t?.list),children:a?.triggers?.map(({id:l,label:m})=>e(o.Trigger,{value:l,className:r('desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state="active"]:!bg-color-primary-default data-[state="active"]:!text-color-white',t?.trigger),children:m},l))}),e(g,{contents:a?.contents,classes:t?.tabContent,saveState:s,value:i})]});export{b as TabsSwitcher};
 //# sourceMappingURL=TabsSwitcher.js.map

package/dist/lib/shared/ui/tabSwitcher/TabsSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsSwitcher.js","sources":["../../../../../lib/shared/ui/tabSwitcher/TabsSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport * as TabPrimitive from '@radix-ui/react-tabs'\nimport type { TabRenderContent, TabsClasses } from './model/types'\nimport { TabContent } from './ui/TabContent'\nimport { cn } from '$/shared/utils'\n\nexport interface TabsSwitcherProps {\n  renderContent: TabRenderContent\n  value: string\n  onChangeTab: (tab: string) => void\n  defaultActiveTabId?: string\n  classes?: TabsClasses\n}\n\nexport const TabsSwitcher = ({ renderContent, defaultActiveTabId = '1', value, onChangeTab, classes }: TabsSwitcherProps) => {\n  return (\n    <TabPrimitive.Root\n      value={value}\n      onValueChange={onChangeTab}\n      defaultValue={defaultActiveTabId}\n      className={cn('flex flex-col', classes?.root)}\n    >\n      <TabPrimitive.List className={cn('flex items-center gap-4', classes?.list)}>\n        {renderContent?.triggers?.map(({ id, label }) => (\n          <TabPrimitive.Trigger\n            key={id}\n            value={id}\n            className={cn(\n              'desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=\"active\"]:!bg-color-primary-default data-[state=\"active\"]:!text-color-white',\n              classes?.trigger\n            )}\n          >\n            {label}\n          </TabPrimitive.Trigger>\n        ))}\n      </TabPrimitive.List>\n      <TabContent contents={renderContent?.contents} classes={classes?.tabContent} />\n    </TabPrimitive.Root>\n  )\n}\n"],"names":["TabsSwitcher","renderContent","defaultActiveTabId","value","onChangeTab","classes","jsxs","TabPrimitive","cn","jsx","id","label","TabContent"],"mappings":"gLAeO,MAAMA,EAAe,CAAC,CAAE,cAAAC,EAAe,mBAAAC,EAAqB,IAAK,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAExFC,EAACC,EAAa,KAAb,CACC,MAAAJ,EACA,cAAeC,EACf,aAAcF,EACd,UAAWM,EAAG,gBAAiBH,GAAS,IAAI,EAE5C,SAAA,CAAAI,EAACF,EAAa,KAAb,CAAkB,UAAWC,EAAG,0BAA2BH,GAAS,IAAI,EACtE,SAAAJ,GAAe,UAAU,IAAI,CAAC,CAAE,GAAAS,EAAI,MAAAC,KACnCF,EAACF,EAAa,QAAb,CAEC,MAAOG,EACP,UAAWF,EACT,+TACAH,GAAS,OAAA,EAGV,SAAAM,CAAA,EAPID,CAAA,CASR,EACH,IACCE,EAAA,CAAW,SAAUX,GAAe,SAAU,QAASI,GAAS,UAAA,CAAY,CAAA,CAAA,CAAA"}
+{"version":3,"file":"TabsSwitcher.js","sources":["../../../../../lib/shared/ui/tabSwitcher/TabsSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport * as TabPrimitive from '@radix-ui/react-tabs'\nimport type { TabRenderContent, TabsClasses } from './model/types'\nimport { TabContent } from './ui/TabContent'\nimport { cn } from '$/shared/utils'\n\nexport interface TabsSwitcherProps {\n  renderContent: TabRenderContent\n  value: string\n  onChangeTab: (tab: string) => void\n  defaultActiveTabId?: string\n  classes?: TabsClasses\n  saveState?: true | undefined\n}\n\nexport const TabsSwitcher = ({\n  renderContent,\n  defaultActiveTabId = '1',\n  value,\n  onChangeTab,\n  saveState = undefined,\n  classes\n}: TabsSwitcherProps) => {\n  return (\n    <TabPrimitive.Root\n      value={value}\n      onValueChange={onChangeTab}\n      defaultValue={defaultActiveTabId}\n      className={cn('flex flex-col', classes?.root)}\n      activationMode='manual'\n    >\n      <TabPrimitive.List className={cn('flex items-center gap-4', classes?.list)}>\n        {renderContent?.triggers?.map(({ id, label }) => (\n          <TabPrimitive.Trigger\n            key={id}\n            value={id}\n            className={cn(\n              'desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=\"active\"]:!bg-color-primary-default data-[state=\"active\"]:!text-color-white',\n              classes?.trigger\n            )}\n          >\n            {label}\n          </TabPrimitive.Trigger>\n        ))}\n      </TabPrimitive.List>\n      <TabContent contents={renderContent?.contents} classes={classes?.tabContent} saveState={saveState} value={value} />\n    </TabPrimitive.Root>\n  )\n}\n"],"names":["TabsSwitcher","renderContent","defaultActiveTabId","value","onChangeTab","saveState","classes","jsxs","TabPrimitive","cn","jsx","id","label","TabContent"],"mappings":"gLAgBO,MAAMA,EAAe,CAAC,CAC3B,cAAAC,EACA,mBAAAC,EAAqB,IACrB,MAAAC,EACA,YAAAC,EACA,UAAAC,EAAY,OACZ,QAAAC,CACF,IAEIC,EAACC,EAAa,KAAb,CACC,MAAAL,EACA,cAAeC,EACf,aAAcF,EACd,UAAWO,EAAG,gBAAiBH,GAAS,IAAI,EAC5C,eAAe,SAEf,SAAA,CAAAI,EAACF,EAAa,KAAb,CAAkB,UAAWC,EAAG,0BAA2BH,GAAS,IAAI,EACtE,SAAAL,GAAe,UAAU,IAAI,CAAC,CAAE,GAAAU,EAAI,MAAAC,KACnCF,EAACF,EAAa,QAAb,CAEC,MAAOG,EACP,UAAWF,EACT,+TACAH,GAAS,OAAA,EAGV,SAAAM,CAAA,EAPID,CAAA,CASR,EACH,EACAD,EAACG,GAAW,SAAUZ,GAAe,SAAU,QAASK,GAAS,WAAY,UAAAD,EAAsB,MAAAF,CAAA,CAAc,CAAA,CAAA,CAAA"}

package/dist/lib/shared/ui/tabSwitcher/ui/TabContent.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import*as m from"@radix-ui/react-tabs";import{Accordion as i}from"../../accordion/Accordion.js";import{cn as l}from"../../../utils/cn.js";const u=({classes:r,contents:a})=>e("div",{className:l("flex flex-col gap-4",r?.contentsWrapper),children:a?.map(({id:t,body:o,accordion:n})=>n&&n?.title?e(m.Content,{value:t,className:l("py-8",r?.content),children:e(i,{label:n?.title,children:o})},t):e(m.Content,{value:t,className:l("py-8",r?.content),children:o},t))});export{u as TabContent};
+import{jsx as e}from"react/jsx-runtime";import*as m from"@radix-ui/react-tabs";import{Accordion as u}from"../../accordion/Accordion.js";import{cn as i}from"../../../utils/cn.js";const v=({classes:r,contents:p,saveState:t,value:f})=>e("div",{className:i("flex flex-col gap-4",r?.contentsWrapper),children:p?.map(({id:n,body:l,accordion:o})=>{const c=f===n;return o&&o?.title?e(m.Content,{forceMount:t,hidden:t?!c:void 0,value:n,className:i("py-8",r?.content),children:e(u,{label:o?.title,children:l})},n):e(m.Content,{forceMount:t,hidden:t?!c:void 0,value:n,className:i("py-8",r?.content),children:l},n)})});export{v as TabContent};
 //# sourceMappingURL=TabContent.js.map

package/dist/lib/shared/ui/tabSwitcher/ui/TabContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabContent.js","sources":["../../../../../../lib/shared/ui/tabSwitcher/ui/TabContent.tsx"],"sourcesContent":["import * as TabPrimitive from '@radix-ui/react-tabs'\nimport { Accordion, type ITabContent } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type TabContentClasses = {\n  content?: string\n  contentsWrapper?: string\n}\n\nexport interface TabContentProps {\n  contents: ITabContent[]\n  classes?: TabContentClasses\n}\n\nexport const TabContent = ({ classes, contents }: TabContentProps) => {\n  return (\n    <div className={cn('flex flex-col gap-4', classes?.contentsWrapper)}>\n      {contents?.map(({ id, body, accordion }) => {\n        if (accordion && accordion?.title) {\n          return (\n            <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n              <Accordion label={accordion?.title}>{body}</Accordion>\n            </TabPrimitive.Content>\n          )\n        }\n\n        return (\n          <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n            {body}\n          </TabPrimitive.Content>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["TabContent","classes","contents","jsx","cn","id","body","accordion","TabPrimitive","Accordion"],"mappings":"kLAcO,MAAMA,EAAa,CAAC,CAAE,QAAAC,EAAS,SAAAC,KAElCC,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBH,GAAS,eAAe,EAC/D,SAAAC,GAAU,IAAI,CAAC,CAAE,GAAAG,EAAI,KAAAC,EAAM,UAAAC,KACtBA,GAAaA,GAAW,QAEvBC,EAAa,QAAb,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAS,OAAO,EAC9E,WAACQ,EAAA,CAAU,MAAOF,GAAW,MAAQ,SAAAD,CAAA,CAAK,GADjBD,CAE3B,EAKFF,EAACK,EAAa,QAAb,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAS,OAAO,EAC7E,YADwBI,CAE3B,CAEH,CAAA,CACH"}
+{"version":3,"file":"TabContent.js","sources":["../../../../../../lib/shared/ui/tabSwitcher/ui/TabContent.tsx"],"sourcesContent":["import * as TabPrimitive from '@radix-ui/react-tabs'\nimport { Accordion, type ITabContent } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type TabContentClasses = {\n  content?: string\n  contentsWrapper?: string\n}\n\nexport interface TabContentProps {\n  contents: ITabContent[]\n  classes?: TabContentClasses\n  saveState?: true | undefined\n  value: string\n}\n\nexport const TabContent = ({ classes, contents, saveState, value }: TabContentProps) => {\n  return (\n    <div className={cn('flex flex-col gap-4', classes?.contentsWrapper)}>\n      {contents?.map(({ id, body, accordion }) => {\n        const isActive = value === id\n\n        if (accordion && accordion?.title) {\n          return (\n            <TabPrimitive.Content\n              forceMount={saveState}\n              hidden={saveState ? !isActive : undefined}\n              key={id}\n              value={id}\n              className={cn('py-8', classes?.content)}\n            >\n              <Accordion label={accordion?.title}>{body}</Accordion>\n            </TabPrimitive.Content>\n          )\n        }\n\n        return (\n          <TabPrimitive.Content\n            forceMount={saveState}\n            hidden={saveState ? !isActive : undefined}\n            key={id}\n            value={id}\n            className={cn('py-8', classes?.content)}\n          >\n            {body}\n          </TabPrimitive.Content>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["TabContent","classes","contents","saveState","value","jsx","cn","id","body","accordion","isActive","TabPrimitive","Accordion"],"mappings":"kLAgBO,MAAMA,EAAa,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,MAAAC,KAEvDC,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBL,GAAS,eAAe,EAC/D,SAAAC,GAAU,IAAI,CAAC,CAAE,GAAAK,EAAI,KAAAC,EAAM,UAAAC,KAAgB,CAC1C,MAAMC,EAAWN,IAAUG,EAE3B,OAAIE,GAAaA,GAAW,MAExBJ,EAACM,EAAa,QAAb,CACC,WAAYR,EACZ,OAAQA,EAAY,CAACO,EAAW,OAEhC,MAAOH,EACP,UAAWD,EAAG,OAAQL,GAAS,OAAO,EAEtC,SAAAI,EAACO,EAAA,CAAU,MAAOH,GAAW,MAAQ,SAAAD,CAAA,CAAK,CAAA,EAJrCD,CAAA,EAUTF,EAACM,EAAa,QAAb,CACC,WAAYR,EACZ,OAAQA,EAAY,CAACO,EAAW,OAEhC,MAAOH,EACP,UAAWD,EAAG,OAAQL,GAAS,OAAO,EAErC,SAAAO,CAAA,EAJID,CAAA,CAOX,CAAC,CAAA,CACH"}

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

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as r}from"react/jsx-runtime";import{CategoryTabs as u}from"./CategoryTabs.js";import{useCategoryReducer as g}from"../../hooks/useCategoryReducer/useCategoryReducer.js";import{RootTab as b}from"./rootTab/RootTab.js";import{rootCategoryAction as p,currentCategoryAction as f}from"../../hooks/useCategoryReducer/actions.js";import{Icon as m}from"../../../../shared/ui/icon/Icon.js";import{pushToDlLink as l}from"../../../../shared/dataLayers/utils.js";const w=({categories:o,helpers:s,phone:t})=>{const[n,c]=g({root:o?.[0]?.children?.[0],current:o?.[0]?.children?.[0]});return i("div",{className:"mobile:hidden",children:[i("div",{className:"flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4",children:[r("a",{onPointerDown:()=>l({name:"Логотип",link:"Клик на логотип",placement:"header",eventCategory:"click_block"}),className:"mr-auto block",target:"_blank",href:"https://sovcombank.ru/",rel:"noreferrer",children:r(m,{name:"brandLogos/logoMain",className:"w-[130px]"})}),o?.map(e=>{const d=n?.root?.title===e.title;return r(b,{category:e,selectedCategory:n.current,onCurrentCategoryChange:a=>c(f(a)),onRootCategoryChange:a=>c(p(a)),active:d},e.title)}),r("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),s?.map(e=>i("a",{onPointerDown:()=>l({name:e?.title,placement:"top_menu",link:"Верхнее меню"}),href:e.link.href,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:[e.link.icon&&r(m,{name:e.link.icon,className:"size-4"}),e.title]},e.title)),r("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),r("a",{onPointerDown:()=>l({name:t,placement:"top_menu",link:"Верхнее меню"}),href:`tel:${t}`,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:t})]}),r(u,{categories:n.current?.children})]})};export{w as CategoriesDesktop};
+import{jsxs as a,jsx as r}from"react/jsx-runtime";import{CategoryTabs as u}from"./CategoryTabs.js";import{useCategoryReducer as b}from"../../hooks/useCategoryReducer/useCategoryReducer.js";import{RootTab as g}from"./rootTab/RootTab.js";import{rootCategoryAction as p,currentCategoryAction as f}from"../../hooks/useCategoryReducer/actions.js";import{Icon as m}from"../../../../shared/ui/icon/Icon.js";import{pushToDlLink as i}from"../../../../shared/dataLayers/utils.js";const w=({categories:o,helpers:s,phone:t})=>{const[l,c]=b({root:o?.[0]?.children?.[0],current:o?.[0]?.children?.[0]});return a("div",{className:"mobile:hidden",children:[a("div",{className:"flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4",children:[r("a",{onPointerDown:()=>i({name:"Логотип",link:"Клик на логотип",placement:"header",eventCategory:"click_block"}),className:"mr-auto block",target:"_blank",href:"https://sovcombank.ru/",rel:"noreferrer",children:r(m,{name:"brandLogos/logoMain",className:"w-[130px]"})}),o?.map(e=>{const d=l?.root?.title===e.title;return r(g,{category:e,onCurrentCategoryChange:n=>c(f(n)),onRootCategoryChange:n=>c(p(n)),active:d},e.title)}),r("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),s?.map(e=>a("a",{onPointerDown:()=>i({name:e?.title,placement:"top_menu",link:"Верхнее меню"}),href:e.link.href,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:[e.link.icon&&r(m,{name:e.link.icon,className:"size-4"}),e.title]},e.title)),r("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),r("a",{onPointerDown:()=>i({name:t,placement:"top_menu",link:"Верхнее меню"}),href:`tel:${t}`,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:t})]}),r(u,{categories:l.current?.children})]})};export{w as CategoriesDesktop};
 //# sourceMappingURL=CategoriesDesktop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CategoriesDesktop.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.tsx"],"sourcesContent":["import { pushToDlLink } from '../../../../shared/dataLayers'\nimport { currentCategoryAction, rootCategoryAction, useCategoryReducer } from '../../hooks'\nimport { type Category, type 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        <a\n          onPointerDown={() =>\n            pushToDlLink({ name: 'Логотип', link: 'Клик на логотип', placement: 'header', eventCategory: 'click_block' })\n          }\n          className='mr-auto block'\n          target='_blank'\n          href='https://sovcombank.ru/'\n          rel='noreferrer'\n        >\n          <Icon name='brandLogos/logoMain' className='w-[130px]' />\n        </a>\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            onPointerDown={() => pushToDlLink({ name: helper?.title, placement: 'top_menu', link: 'Верхнее меню' })}\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          onPointerDown={() => pushToDlLink({ name: phone, placement: 'top_menu', link: 'Верхнее меню' })}\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","pushToDlLink","Icon","category","active","RootTab","cat","currentCategoryAction","rootCategoryAction","helper","CategoryTabs"],"mappings":"sdAaO,MAAMA,EAAoB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAoC,CAC3F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAmB,CAAE,KAAML,IAAa,CAAC,GAAG,WAAW,CAAC,EAAG,QAASA,IAAa,CAAC,GAAG,WAAW,CAAC,EAAG,EAE9H,OACEM,EAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,8FACb,SAAA,CAAAC,EAAC,IAAA,CACC,cAAe,IACbC,EAAa,CAAE,KAAM,UAAW,KAAM,kBAAmB,UAAW,SAAU,cAAe,aAAA,CAAe,EAE9G,UAAU,gBACV,OAAO,SACP,KAAK,yBACL,IAAI,aAEJ,SAAAD,EAACE,EAAA,CAAK,KAAK,sBAAsB,UAAU,WAAA,CAAY,CAAA,CAAA,EAExDT,GAAY,IAAKU,GAAa,CAC7B,MAAMC,EAASR,GAAO,MAAM,QAAUO,EAAS,MAE/C,OACEH,EAACK,EAAA,CAEC,SAAAF,EACA,iBAAkBP,EAAM,QACxB,wBAA0BU,GAAQT,EAASU,EAAsBD,CAAG,CAAC,EACrE,qBAAuBA,GAAQT,EAASW,EAAmBF,CAAG,CAAC,EAC/D,OAAAF,CAAA,EALKD,EAAS,KAAA,CAQpB,CAAC,EACDH,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EAChEN,GAAS,IAAKe,GACbV,EAAC,IAAA,CACC,cAAe,IAAME,EAAa,CAAE,KAAMQ,GAAQ,MAAO,UAAW,WAAY,KAAM,eAAgB,EAEtG,KAAMA,EAAO,KAAK,KAClB,UAAU,uGAET,SAAA,CAAAA,EAAO,KAAK,MAAQT,EAACE,EAAA,CAAK,KAAMO,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACrEA,EAAO,KAAA,CAAA,EALHA,EAAO,KAAA,CAOf,EACDT,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EACjEA,EAAC,IAAA,CACC,cAAe,IAAMC,EAAa,CAAE,KAAMN,EAAO,UAAW,WAAY,KAAM,eAAgB,EAC9F,KAAM,OAAOA,CAAK,GAClB,UAAU,uGAET,SAAAA,CAAA,CAAA,CACH,EACF,EACAK,EAACU,EAAA,CAAa,WAAYd,EAAM,SAAS,QAAA,CAAU,CAAA,EACrD,CAEJ"}
+{"version":3,"file":"CategoriesDesktop.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.tsx"],"sourcesContent":["import { pushToDlLink } from '../../../../shared/dataLayers'\nimport { currentCategoryAction, rootCategoryAction, useCategoryReducer } from '../../hooks'\nimport { type Category, type 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        <a\n          onPointerDown={() =>\n            pushToDlLink({ name: 'Логотип', link: 'Клик на логотип', placement: 'header', eventCategory: 'click_block' })\n          }\n          className='mr-auto block'\n          target='_blank'\n          href='https://sovcombank.ru/'\n          rel='noreferrer'\n        >\n          <Icon name='brandLogos/logoMain' className='w-[130px]' />\n        </a>\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              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            onPointerDown={() => pushToDlLink({ name: helper?.title, placement: 'top_menu', link: 'Верхнее меню' })}\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          onPointerDown={() => pushToDlLink({ name: phone, placement: 'top_menu', link: 'Верхнее меню' })}\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","pushToDlLink","Icon","category","active","RootTab","cat","currentCategoryAction","rootCategoryAction","helper","CategoryTabs"],"mappings":"sdAaO,MAAMA,EAAoB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAoC,CAC3F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAmB,CAAE,KAAML,IAAa,CAAC,GAAG,WAAW,CAAC,EAAG,QAASA,IAAa,CAAC,GAAG,WAAW,CAAC,EAAG,EAE9H,OACEM,EAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,8FACb,SAAA,CAAAC,EAAC,IAAA,CACC,cAAe,IACbC,EAAa,CAAE,KAAM,UAAW,KAAM,kBAAmB,UAAW,SAAU,cAAe,aAAA,CAAe,EAE9G,UAAU,gBACV,OAAO,SACP,KAAK,yBACL,IAAI,aAEJ,SAAAD,EAACE,EAAA,CAAK,KAAK,sBAAsB,UAAU,WAAA,CAAY,CAAA,CAAA,EAExDT,GAAY,IAAKU,GAAa,CAC7B,MAAMC,EAASR,GAAO,MAAM,QAAUO,EAAS,MAE/C,OACEH,EAACK,EAAA,CAEC,SAAAF,EACA,wBAA0BG,GAAQT,EAASU,EAAsBD,CAAG,CAAC,EACrE,qBAAuBA,GAAQT,EAASW,EAAmBF,CAAG,CAAC,EAC/D,OAAAF,CAAA,EAJKD,EAAS,KAAA,CAOpB,CAAC,EACDH,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EAChEN,GAAS,IAAKe,GACbV,EAAC,IAAA,CACC,cAAe,IAAME,EAAa,CAAE,KAAMQ,GAAQ,MAAO,UAAW,WAAY,KAAM,eAAgB,EAEtG,KAAMA,EAAO,KAAK,KAClB,UAAU,uGAET,SAAA,CAAAA,EAAO,KAAK,MAAQT,EAACE,EAAA,CAAK,KAAMO,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACrEA,EAAO,KAAA,CAAA,EALHA,EAAO,KAAA,CAOf,EACDT,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EACjEA,EAAC,IAAA,CACC,cAAe,IAAMC,EAAa,CAAE,KAAMN,EAAO,UAAW,WAAY,KAAM,eAAgB,EAC9F,KAAM,OAAOA,CAAK,GAClB,UAAU,uGAET,SAAAA,CAAA,CAAA,CACH,EACF,EACAK,EAACU,EAAA,CAAa,WAAYd,EAAM,SAAS,QAAA,CAAU,CAAA,EACrD,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"RootTab.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/desktop/rootTab/RootTab.tsx"],"sourcesContent":["import { pushToDlLink } from '../../../../../shared/dataLayers'\nimport { type Category } from '../../../model'\nimport { cn } from '$/shared/utils'\n\ntype RootTabProps = React.HTMLAttributes<HTMLDivElement | HTMLAnchorElement> & {\n  category: Category\n  selectedCategory: Category | undefined\n  onCurrentCategoryChange: (category: Category) => void\n  onRootCategoryChange: (category: Category) => void\n  active: boolean\n}\n\nexport const RootTab = ({ category, onCurrentCategoryChange, onRootCategoryChange, active, ...props }: RootTabProps) => {\n  const isLink = Boolean(category?.link?.href)\n  const Comp = isLink ? 'a' : 'div'\n\n  const attrs = isLink\n    ? {\n        href: category.link?.href,\n        target: category.link?.target\n      }\n    : {\n        onClick: () => {\n          if (!category.children) return\n\n          onCurrentCategoryChange(category.children?.[0])\n          onRootCategoryChange(category)\n        }\n      }\n\n  return (\n    <div className='group/category relative'>\n      <Comp\n        {...props}\n        {...attrs}\n        onPointerDown={() =>\n          pushToDlLink({\n            name: category.title,\n            placement: 'top_menu',\n            link: 'Верхнее меню'\n          })\n        }\n        className={cn('cursor-pointer 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      </Comp>\n      {/*{category?.children && 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      {/*        onPointerDown={() => pushToDlLink(child?.title, '', 'seoHeader')}*/}\n      {/*        onClick={(event) => {*/}\n      {/*          event.stopPropagation()*/}\n      {/*          event.nativeEvent.stopPropagation()*/}\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","onCurrentCategoryChange","onRootCategoryChange","active","props","isLink","Comp","attrs","jsx","pushToDlLink","cn"],"mappings":"wKAYO,MAAMA,EAAU,CAAC,CAAE,SAAAC,EAAU,wBAAAC,EAAyB,qBAAAC,EAAsB,OAAAC,EAAQ,GAAGC,KAA0B,CACtH,MAAMC,EAAS,EAAQL,GAAU,MAAM,KACjCM,EAAOD,EAAS,IAAM,MAEtBE,EAAQF,EACV,CACE,KAAML,EAAS,MAAM,KACrB,OAAQA,EAAS,MAAM,MAAA,EAEzB,CACE,QAAS,IAAM,CACRA,EAAS,WAEdC,EAAwBD,EAAS,WAAW,CAAC,CAAC,EAC9CE,EAAqBF,CAAQ,EAC/B,CAAA,EAGN,OACEQ,EAAC,MAAA,CAAI,UAAU,0BACb,SAAAA,EAACF,EAAA,CACE,GAAGF,EACH,GAAGG,EACJ,cAAe,IACbE,EAAa,CACX,KAAMT,EAAS,MACf,UAAW,WACX,KAAM,cAAA,CACP,EAEH,UAAWU,EAAG,wEAAyE,CACrF,kBAAmBP,CAAA,CACpB,EAED,SAAAK,EAAC,OAAA,CAAK,UAAU,sBAAuB,WAAS,KAAA,CAAM,CAAA,CAAA,EAgC1D,CAEJ"}
+{"version":3,"file":"RootTab.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/desktop/rootTab/RootTab.tsx"],"sourcesContent":["import { pushToDlLink } from '../../../../../shared/dataLayers'\nimport { type Category } from '../../../model'\nimport { cn } from '$/shared/utils'\n\ntype RootTabProps = React.HTMLAttributes<HTMLDivElement | HTMLAnchorElement> & {\n  category: Category\n  onCurrentCategoryChange: (category: Category) => void\n  onRootCategoryChange: (category: Category) => void\n  active: boolean\n}\n\nexport const RootTab = ({ category, onCurrentCategoryChange, onRootCategoryChange, active, ...props }: RootTabProps) => {\n  const isLink = Boolean(category?.link?.href)\n  const Comp = isLink ? 'a' : 'div'\n\n  const attrs = isLink\n    ? {\n        href: category.link?.href,\n        target: category.link?.target\n      }\n    : {\n        onClick: () => {\n          if (!category.children) return\n\n          onCurrentCategoryChange(category.children?.[0])\n          onRootCategoryChange(category)\n        }\n      }\n\n  return (\n    <div className='group/category relative'>\n      <Comp\n        {...props}\n        {...attrs}\n        onPointerDown={() =>\n          pushToDlLink({\n            name: category.title,\n            placement: 'top_menu',\n            link: 'Верхнее меню'\n          })\n        }\n        className={cn('cursor-pointer 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      </Comp>\n      {/*{category?.children && 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      {/*        onPointerDown={() => pushToDlLink(child?.title, '', 'seoHeader')}*/}\n      {/*        onClick={(event) => {*/}\n      {/*          event.stopPropagation()*/}\n      {/*          event.nativeEvent.stopPropagation()*/}\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","onCurrentCategoryChange","onRootCategoryChange","active","props","isLink","Comp","attrs","jsx","pushToDlLink","cn"],"mappings":"wKAWO,MAAMA,EAAU,CAAC,CAAE,SAAAC,EAAU,wBAAAC,EAAyB,qBAAAC,EAAsB,OAAAC,EAAQ,GAAGC,KAA0B,CACtH,MAAMC,EAAS,EAAQL,GAAU,MAAM,KACjCM,EAAOD,EAAS,IAAM,MAEtBE,EAAQF,EACV,CACE,KAAML,EAAS,MAAM,KACrB,OAAQA,EAAS,MAAM,MAAA,EAEzB,CACE,QAAS,IAAM,CACRA,EAAS,WAEdC,EAAwBD,EAAS,WAAW,CAAC,CAAC,EAC9CE,EAAqBF,CAAQ,EAC/B,CAAA,EAGN,OACEQ,EAAC,MAAA,CAAI,UAAU,0BACb,SAAAA,EAACF,EAAA,CACE,GAAGF,EACH,GAAGG,EACJ,cAAe,IACbE,EAAa,CACX,KAAMT,EAAS,MACf,UAAW,WACX,KAAM,cAAA,CACP,EAEH,UAAWU,EAAG,wEAAyE,CACrF,kBAAmBP,CAAA,CACpB,EAED,SAAAK,EAAC,OAAA,CAAK,UAAU,sBAAuB,WAAS,KAAA,CAAM,CAAA,CAAA,EAgC1D,CAEJ"}