@scbt-ecom/ui 0.177.0 → 0.179.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/calculator/ui/calculatorInfo/ui/AssistHint.js

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as r}from"react/jsx-runtime";import{cn as o}from"../../../../../shared/utils/cn.js";import{Icon as n}from"../../../../../shared/ui/icon/Icon.js";import{Popover as a}from"../../../../../shared/ui/popover/Popover.js";import{pushToDlTooltip as p}from"../../../../../shared/dataLayers/utils.js";const h=({iconName:m,text:t,hint:i,classes:e,popoverProps:c})=>l("div",{className:o("mb-6 flex items-center gap-2",e?.wrapper),children:[l("div",{className:o("flex items-center gap-1",e?.block),children:[r(n,{name:m,className:o("size-6 text-icon-blue-grey-800",e?.icon)}),r("p",{className:o("desk-body-regular-l text-color-tetriary",e?.description),children:t})]}),i&&r(a,{triggerProps:{onPointerDown:()=>p({title:t,placement:"calculator"})},withCloseBtn:!1,triggerElement:r(n,{name:"info/helpCircle",className:"size-5 text-icon-blue-grey-600"}),...c,children:i})]});export{h as AssistHint};
+import{jsxs as n,jsx as r}from"react/jsx-runtime";import{cn as o}from"../../../../../shared/utils/cn.js";import{Icon as m}from"../../../../../shared/ui/icon/Icon.js";import{Popover as p}from"../../../../../shared/ui/popover/Popover.js";import{pushToDlTooltip as s}from"../../../../../shared/dataLayers/utils.js";const h=({iconName:t,text:i,hint:l,classes:e,popoverProps:c})=>n("div",{className:o("mb-6 flex items-center gap-2",e?.wrapper),children:[n("div",{className:o("flex items-center gap-1",e?.block),children:[t&&r(m,{name:t,className:o("size-6 text-icon-blue-grey-800",e?.icon)}),r("p",{className:o("desk-body-regular-l text-color-tetriary",e?.description),children:i})]}),l&&r(p,{triggerProps:{onPointerDown:()=>s({title:i,placement:"calculator"})},withCloseBtn:!1,triggerElement:r(m,{name:"info/helpCircle",className:"size-5 text-icon-blue-grey-600"}),...c,children:l})]});export{h as AssistHint};
 //# sourceMappingURL=AssistHint.js.map

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/AssistHint.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssistHint.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/AssistHint.tsx"],"sourcesContent":["import { pushToDlTooltip } from '../../../../../shared/dataLayers'\nimport { type AllowedIcons, Icon, Popover, type PopoverProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type AssistHintClasses = {\n  wrapper?: string\n  block?: string\n  icon?: string\n  description?: string\n}\n\nexport interface AssistHintProps {\n  iconName: AllowedIcons\n  text: string\n  hint?: string\n  classes?: AssistHintClasses\n  popoverProps?: PopoverProps\n}\n\nexport const AssistHint = ({ iconName, text, hint, classes, popoverProps }: AssistHintProps) => {\n  return (\n    <div className={cn('mb-6 flex items-center gap-2', classes?.wrapper)}>\n      <div className={cn('flex items-center gap-1', classes?.block)}>\n        <Icon name={iconName} className={cn('size-6 text-icon-blue-grey-800', classes?.icon)} />\n        <p className={cn('desk-body-regular-l text-color-tetriary', classes?.description)}>{text}</p>\n      </div>\n\n      {hint && (\n        <Popover\n          triggerProps={{\n            onPointerDown: () => pushToDlTooltip({ title: text, placement: 'calculator' })\n          }}\n          withCloseBtn={false}\n          triggerElement={<Icon name='info/helpCircle' className='size-5 text-icon-blue-grey-600' />}\n          {...popoverProps}\n        >\n          {hint}\n        </Popover>\n      )}\n    </div>\n  )\n}\n"],"names":["AssistHint","iconName","text","hint","classes","popoverProps","cn","jsxs","jsx","Icon","Popover","pushToDlTooltip"],"mappings":"wTAmBO,MAAMA,EAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,KAAAC,EAAM,QAAAC,EAAS,aAAAC,OAEvD,MAAA,CAAI,UAAWC,EAAG,+BAAgCF,GAAS,OAAO,EACjE,SAAA,CAAAG,EAAC,OAAI,UAAWD,EAAG,0BAA2BF,GAAS,KAAK,EAC1D,SAAA,CAAAI,EAACC,EAAA,CAAK,KAAMR,EAAU,UAAWK,EAAG,iCAAkCF,GAAS,IAAI,EAAG,EACtFI,EAAC,KAAE,UAAWF,EAAG,0CAA2CF,GAAS,WAAW,EAAI,SAAAF,CAAA,CAAK,CAAA,EAC3F,EAECC,GACCK,EAACE,EAAA,CACC,aAAc,CACZ,cAAe,IAAMC,EAAgB,CAAE,MAAOT,EAAM,UAAW,aAAc,CAAA,EAE/E,aAAc,GACd,eAAgBM,EAACC,EAAA,CAAK,KAAK,kBAAkB,UAAU,iCAAiC,EACvF,GAAGJ,EAEH,SAAAF,CAAA,CAAA,CACH,EAEJ"}
+{"version":3,"file":"AssistHint.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/AssistHint.tsx"],"sourcesContent":["import { pushToDlTooltip } from '../../../../../shared/dataLayers'\nimport { type AllowedIcons, Icon, Popover, type PopoverProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type AssistHintClasses = {\n  wrapper?: string\n  block?: string\n  icon?: string\n  description?: string\n}\n\nexport interface AssistHintProps {\n  iconName: AllowedIcons | null\n  text?: string\n  hint?: string\n  classes?: AssistHintClasses\n  popoverProps?: PopoverProps\n}\n\nexport const AssistHint = ({ iconName, text, hint, classes, popoverProps }: AssistHintProps) => {\n  return (\n    <div className={cn('mb-6 flex items-center gap-2', classes?.wrapper)}>\n      <div className={cn('flex items-center gap-1', classes?.block)}>\n        {iconName && <Icon name={iconName} className={cn('size-6 text-icon-blue-grey-800', classes?.icon)} />}\n        <p className={cn('desk-body-regular-l text-color-tetriary', classes?.description)}>{text}</p>\n      </div>\n\n      {hint && (\n        <Popover\n          triggerProps={{\n            onPointerDown: () => pushToDlTooltip({ title: text, placement: 'calculator' })\n          }}\n          withCloseBtn={false}\n          triggerElement={<Icon name='info/helpCircle' className='size-5 text-icon-blue-grey-600' />}\n          {...popoverProps}\n        >\n          {hint}\n        </Popover>\n      )}\n    </div>\n  )\n}\n"],"names":["AssistHint","iconName","text","hint","classes","popoverProps","cn","jsxs","jsx","Icon","Popover","pushToDlTooltip"],"mappings":"wTAmBO,MAAMA,EAAa,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,KAAAC,EAAM,QAAAC,EAAS,aAAAC,OAEvD,MAAA,CAAI,UAAWC,EAAG,+BAAgCF,GAAS,OAAO,EACjE,SAAA,CAAAG,EAAC,OAAI,UAAWD,EAAG,0BAA2BF,GAAS,KAAK,EACzD,SAAA,CAAAH,GAAYO,EAACC,GAAK,KAAMR,EAAU,UAAWK,EAAG,iCAAkCF,GAAS,IAAI,CAAA,CAAG,EACnGI,EAAC,KAAE,UAAWF,EAAG,0CAA2CF,GAAS,WAAW,EAAI,SAAAF,CAAA,CAAK,CAAA,EAC3F,EAECC,GACCK,EAACE,EAAA,CACC,aAAc,CACZ,cAAe,IAAMC,EAAgB,CAAE,MAAOT,EAAM,UAAW,aAAc,CAAA,EAE/E,aAAc,GACd,eAAgBM,EAACC,EAAA,CAAK,KAAK,kBAAkB,UAAU,iCAAiC,EACvF,GAAGJ,EAEH,SAAAF,CAAA,CAAA,CACH,EAEJ"}

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoFooter.js

@@ -1,2 +1,2 @@
-import{jsxs as c,jsx as o}from"react/jsx-runtime";import{AssistHint as s}from"./AssistHint.js";import{cn as m}from"../../../../../shared/utils/cn.js";import{ButtonWithHandlers as p}from"../../../../buttonWithHandlers/ButtonWithHandlers.js";import{pushToDlButton as d}from"../../../../../shared/dataLayers/utils.js";const b=({assistHint:e,buttonsConfig:n,bottomDescription:t,classes:r,headline:a})=>c("div",{children:[e&&o(s,{...e,classes:r?.assistHint}),o("div",{className:m("flex items-center gap-4 mobile:flex-col",r?.buttonsWrapper),children:n?.map((l,i)=>o(p,{onPointerDown:()=>d({name:l?.children,headline:a,placement:"calculator"}),className:"w-full",...l},i))}),t&&o("p",{className:m("desk-body-regular-m mt-4 text-color-secondary",r?.bottomDescription),children:t})]});export{b as CalculatorInfoFooter};
+import{jsxs as i,jsx as o}from"react/jsx-runtime";import{AssistHint as p}from"./AssistHint.js";import{cn as m}from"../../../../../shared/utils/cn.js";import{ButtonWithHandlers as s}from"../../../../buttonWithHandlers/ButtonWithHandlers.js";import{pushToDlButton as d}from"../../../../../shared/dataLayers/utils.js";const b=({assistHint:r,buttonsConfig:n,bottomDescription:t,classes:e,headline:a})=>i("div",{children:[r&&r.iconName&&o(p,{...r,classes:e?.assistHint}),o("div",{className:m("flex items-center gap-4 mobile:flex-col",e?.buttonsWrapper),children:n?.map((l,c)=>o(s,{onPointerDown:()=>d({name:l?.children,headline:a,placement:"calculator"}),className:"w-full",...l},c))}),t&&o("p",{className:m("desk-body-regular-m mt-4 text-color-secondary",e?.bottomDescription),children:t})]});export{b as CalculatorInfoFooter};
 //# sourceMappingURL=CalculatorInfoFooter.js.map

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatorInfoFooter.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoFooter.tsx"],"sourcesContent":["import { pushToDlButton } from '../../../../../shared/dataLayers'\nimport { ButtonWithHandlers, type ButtonWithHandlersProps } from '../../../../buttonWithHandlers'\nimport { AssistHint, type AssistHintClasses, type AssistHintProps } from './AssistHint'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoFooterClasses = {\n  assistHint?: AssistHintClasses\n  buttonsWrapper?: string\n  bottomDescription?: string\n}\n\nexport interface CalculatorInfoFooterProps {\n  assistHint?: AssistHintProps\n  buttonsConfig: ButtonWithHandlersProps[]\n  bottomDescription?: string\n  classes?: CalculatorInfoFooterClasses\n  headline?: string\n}\n\nexport const CalculatorInfoFooter = ({\n  assistHint,\n  buttonsConfig,\n  bottomDescription,\n  classes,\n  headline\n}: CalculatorInfoFooterProps) => {\n  return (\n    <div>\n      {assistHint && <AssistHint {...assistHint} classes={classes?.assistHint} />}\n\n      <div className={cn('flex items-center gap-4 mobile:flex-col', classes?.buttonsWrapper)}>\n        {buttonsConfig?.map((button, index) => (\n          <ButtonWithHandlers\n            onPointerDown={() => pushToDlButton({ name: button?.children as string, headline, placement: 'calculator' })}\n            key={index}\n            className='w-full'\n            {...button}\n          />\n        ))}\n      </div>\n      {bottomDescription && (\n        <p className={cn('desk-body-regular-m mt-4 text-color-secondary', classes?.bottomDescription)}>{bottomDescription}</p>\n      )}\n    </div>\n  )\n}\n"],"names":["CalculatorInfoFooter","assistHint","buttonsConfig","bottomDescription","classes","headline","AssistHint","jsx","cn","button","index","ButtonWithHandlers","pushToDlButton"],"mappings":"2TAmBO,MAAMA,EAAuB,CAAC,CACnC,WAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,MAEK,MAAA,CACE,SAAA,CAAAJ,KAAeK,EAAA,CAAY,GAAGL,EAAY,QAASG,GAAS,WAAY,EAEzEG,EAAC,MAAA,CAAI,UAAWC,EAAG,0CAA2CJ,GAAS,cAAc,EAClF,SAAAF,GAAe,IAAI,CAACO,EAAQC,IAC3BH,EAACI,EAAA,CACC,cAAe,IAAMC,EAAe,CAAE,KAAMH,GAAQ,SAAoB,SAAAJ,EAAU,UAAW,aAAc,EAE3G,UAAU,SACT,GAAGI,CAAA,EAFCC,CAAA,CAIR,EACH,EACCP,KACE,IAAA,CAAE,UAAWK,EAAG,gDAAiDJ,GAAS,iBAAiB,EAAI,SAAAD,CAAA,CAAkB,CAAA,EAEtH"}
+{"version":3,"file":"CalculatorInfoFooter.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoFooter.tsx"],"sourcesContent":["import { pushToDlButton } from '../../../../../shared/dataLayers'\nimport { ButtonWithHandlers, type ButtonWithHandlersProps } from '../../../../buttonWithHandlers'\nimport { AssistHint, type AssistHintClasses, type AssistHintProps } from './AssistHint'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoFooterClasses = {\n  assistHint?: AssistHintClasses\n  buttonsWrapper?: string\n  bottomDescription?: string\n}\n\nexport interface CalculatorInfoFooterProps {\n  assistHint?: AssistHintProps\n  buttonsConfig: ButtonWithHandlersProps[]\n  bottomDescription?: string\n  classes?: CalculatorInfoFooterClasses\n  headline?: string\n}\n\nexport const CalculatorInfoFooter = ({\n  assistHint,\n  buttonsConfig,\n  bottomDescription,\n  classes,\n  headline\n}: CalculatorInfoFooterProps) => {\n  return (\n    <div>\n      {assistHint && assistHint.iconName && <AssistHint {...assistHint} classes={classes?.assistHint} />}\n\n      <div className={cn('flex items-center gap-4 mobile:flex-col', classes?.buttonsWrapper)}>\n        {buttonsConfig?.map((button, index) => (\n          <ButtonWithHandlers\n            onPointerDown={() => pushToDlButton({ name: button?.children as string, headline, placement: 'calculator' })}\n            key={index}\n            className='w-full'\n            {...button}\n          />\n        ))}\n      </div>\n      {bottomDescription && (\n        <p className={cn('desk-body-regular-m mt-4 text-color-secondary', classes?.bottomDescription)}>{bottomDescription}</p>\n      )}\n    </div>\n  )\n}\n"],"names":["CalculatorInfoFooter","assistHint","buttonsConfig","bottomDescription","classes","headline","jsx","AssistHint","cn","button","index","ButtonWithHandlers","pushToDlButton"],"mappings":"2TAmBO,MAAMA,EAAuB,CAAC,CACnC,WAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,MAEK,MAAA,CACE,SAAA,CAAAJ,GAAcA,EAAW,UAAYK,EAACC,EAAA,CAAY,GAAGN,EAAY,QAASG,GAAS,WAAY,EAEhGE,EAAC,MAAA,CAAI,UAAWE,EAAG,0CAA2CJ,GAAS,cAAc,EAClF,SAAAF,GAAe,IAAI,CAACO,EAAQC,IAC3BJ,EAACK,EAAA,CACC,cAAe,IAAMC,EAAe,CAAE,KAAMH,GAAQ,SAAoB,SAAAJ,EAAU,UAAW,aAAc,EAE3G,UAAU,SACT,GAAGI,CAAA,EAFCC,CAAA,CAIR,EACH,EACCP,KACE,IAAA,CAAE,UAAWK,EAAG,gDAAiDJ,GAAS,iBAAiB,EAAI,SAAAD,CAAA,CAAkB,CAAA,EAEtH"}

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.js

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{formatValueToRenderInfoItem as a}from"../../../model/utils.js";import{cn as n}from"../../../../../shared/utils/cn.js";import{Popover as c}from"../../../../../shared/ui/popover/Popover.js";import{Icon as d}from"../../../../../shared/ui/icon/Icon.js";import{pushToDlTooltip as p}from"../../../../../shared/dataLayers/utils.js";const b=({hint:r,value:l,label:o,mode:i,color:s="dark",accent:m=!1})=>t("div",{className:"flex items-center justify-between gap-4",children:[t("div",{className:"flex items-center gap-2",children:[e("p",{className:"desk-body-regular-l text-color-dark",children:o}),r&&e(c,{triggerProps:{onPointerDown:()=>p({title:o,placement:"calculator"})},withCloseBtn:!1,triggerElement:e(d,{className:"size-5 text-icon-blue-grey-600",name:"info/helpCircle"}),children:e("p",{children:r})})]}),e("span",{className:n("desk-body-medium-l text-color-dark",{"[&&]:desk-title-bold-s":m,"text-color-primary-default":s==="blue"}),children:a(i,l)})]});export{b as InfoListItem};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{formatValueToRenderInfoItem as c}from"../../../model/utils.js";import{cn as d}from"../../../../../shared/utils/cn.js";import{Popover as p}from"../../../../../shared/ui/popover/Popover.js";import{Icon as f}from"../../../../../shared/ui/icon/Icon.js";import{pushToDlTooltip as u}from"../../../../../shared/dataLayers/utils.js";const I=({hint:o,value:l,label:t,mode:i,prefix:s,fontSize:m=18,color:a="dark",accent:n=!1})=>r("div",{className:"flex items-center justify-between gap-4",children:[r("div",{className:"flex items-center gap-2",children:[e("p",{className:"desk-body-regular-l text-color-dark",children:t}),o&&e(p,{triggerProps:{onPointerDown:()=>u({title:t,placement:"calculator"})},withCloseBtn:!1,triggerElement:e(f,{className:"size-5 text-icon-blue-grey-600",name:"info/helpCircle"}),children:e("p",{children:o})})]}),r("span",{style:{fontSize:`${m}px`},className:d("desk-body-medium-l text-color-dark",{"[&&]:desk-title-bold-s":n,"text-color-primary-default":a==="blue"}),children:[s," ",c(i,l)]})]});export{I as InfoListItem};
 //# sourceMappingURL=InfoListItem.js.map

package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoListItem.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.tsx"],"sourcesContent":["import { pushToDlTooltip } from '$/shared/dataLayers'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type CalculatorSuffix, formatValueToRenderInfoItem } from '$/widgets/calculator/model'\n\nexport type InfoListItemMode = CalculatorSuffix | 'text'\nexport type InfoListItemColor = 'dark' | 'blue'\nexport type InfoListItemValue = string\n\nexport interface InfoListItemProps {\n  label: string\n  mode: InfoListItemMode\n  hint?: string\n  accent?: boolean\n  color?: InfoListItemColor\n  isFormula: boolean\n  value: InfoListItemValue\n}\n\nexport const InfoListItem = ({ hint, value, label, mode, color = 'dark', accent = false }: InfoListItemProps) => {\n  return (\n    <div className='flex items-center justify-between gap-4'>\n      <div className='flex items-center gap-2'>\n        <p className='desk-body-regular-l text-color-dark'>{label}</p>\n        {hint && (\n          <Popover\n            triggerProps={{\n              onPointerDown: () => pushToDlTooltip({ title: label, placement: 'calculator' })\n            }}\n            withCloseBtn={false}\n            triggerElement={<Icon className='size-5 text-icon-blue-grey-600' name='info/helpCircle' />}\n          >\n            <p>{hint}</p>\n          </Popover>\n        )}\n      </div>\n      <span\n        className={cn('desk-body-medium-l text-color-dark', {\n          '[&&]:desk-title-bold-s': accent,\n          'text-color-primary-default': color === 'blue'\n        })}\n      >\n        {formatValueToRenderInfoItem(mode, value)}\n      </span>\n    </div>\n  )\n}\n"],"names":["InfoListItem","hint","value","label","mode","color","accent","jsxs","jsx","Popover","pushToDlTooltip","Icon","cn","formatValueToRenderInfoItem"],"mappings":"8XAmBO,MAAMA,EAAe,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAQ,OAAQ,OAAAC,EAAS,MAE9EC,EAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAC,IAAA,CAAE,UAAU,sCAAuC,SAAAL,EAAM,EACzDF,GACCO,EAACC,EAAA,CACC,aAAc,CACZ,cAAe,IAAMC,EAAgB,CAAE,MAAOP,EAAO,UAAW,aAAc,CAAA,EAEhF,aAAc,GACd,eAAgBK,EAACG,EAAA,CAAK,UAAU,iCAAiC,KAAK,kBAAkB,EAExF,SAAAH,EAAC,KAAG,SAAAP,CAAA,CAAK,CAAA,CAAA,CACX,EAEJ,EACAO,EAAC,OAAA,CACC,UAAWI,EAAG,qCAAsC,CAClD,yBAA0BN,EAC1B,6BAA8BD,IAAU,MAAA,CACzC,EAEA,SAAAQ,EAA4BT,EAAMF,CAAK,CAAA,CAAA,CAC1C,EACF"}
+{"version":3,"file":"InfoListItem.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.tsx"],"sourcesContent":["import { pushToDlTooltip } from '$/shared/dataLayers'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type CalculatorSuffix, formatValueToRenderInfoItem } from '$/widgets/calculator/model'\n\nexport type InfoListItemMode = CalculatorSuffix | 'text'\nexport type InfoListItemColor = 'dark' | 'blue'\nexport type InfoListItemValue = string\n\nexport interface InfoListItemProps {\n  label: string\n  mode: InfoListItemMode\n  hint?: string\n  accent?: boolean\n  color?: InfoListItemColor\n  isFormula: boolean\n  value: InfoListItemValue\n  prefix?: string\n  fontSize?: number\n}\n\nexport const InfoListItem = ({\n  hint,\n  value,\n  label,\n  mode,\n  prefix,\n  fontSize = 18,\n  color = 'dark',\n  accent = false\n}: InfoListItemProps) => {\n  return (\n    <div className='flex items-center justify-between gap-4'>\n      <div className='flex items-center gap-2'>\n        <p className='desk-body-regular-l text-color-dark'>{label}</p>\n        {hint && (\n          <Popover\n            triggerProps={{\n              onPointerDown: () => pushToDlTooltip({ title: label, placement: 'calculator' })\n            }}\n            withCloseBtn={false}\n            triggerElement={<Icon className='size-5 text-icon-blue-grey-600' name='info/helpCircle' />}\n          >\n            <p>{hint}</p>\n          </Popover>\n        )}\n      </div>\n      <span\n        style={{ fontSize: `${fontSize}px` }}\n        className={cn('desk-body-medium-l text-color-dark', {\n          '[&&]:desk-title-bold-s': accent,\n          'text-color-primary-default': color === 'blue'\n        })}\n      >\n        {prefix} {formatValueToRenderInfoItem(mode, value)}\n      </span>\n    </div>\n  )\n}\n"],"names":["InfoListItem","hint","value","label","mode","prefix","fontSize","color","accent","jsxs","jsx","Popover","pushToDlTooltip","Icon","cn","formatValueToRenderInfoItem"],"mappings":"8XAqBO,MAAMA,EAAe,CAAC,CAC3B,KAAAC,EACA,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,OACR,OAAAC,EAAS,EACX,IAEIC,EAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAC,IAAA,CAAE,UAAU,sCAAuC,SAAAP,EAAM,EACzDF,GACCS,EAACC,EAAA,CACC,aAAc,CACZ,cAAe,IAAMC,EAAgB,CAAE,MAAOT,EAAO,UAAW,aAAc,CAAA,EAEhF,aAAc,GACd,eAAgBO,EAACG,EAAA,CAAK,UAAU,iCAAiC,KAAK,kBAAkB,EAExF,SAAAH,EAAC,KAAG,SAAAT,CAAA,CAAK,CAAA,CAAA,CACX,EAEJ,EACAQ,EAAC,OAAA,CACC,MAAO,CAAE,SAAU,GAAGH,CAAQ,IAAA,EAC9B,UAAWQ,EAAG,qCAAsC,CAClD,yBAA0BN,EAC1B,6BAA8BD,IAAU,MAAA,CACzC,EAEA,SAAA,CAAAF,EAAO,IAAEU,EAA4BX,EAAMF,CAAK,CAAA,CAAA,CAAA,CACnD,EACF"}

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"}