@finam/web-ui-kit-components 3.31.0 → 3.32.0

package/dist/ProductCard/layouts/ipo/Footer.js

@@ -1,19 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import ProductCardIpoFooterDesktop from './FooterDesktop/index.js';
-import ProductCardIpoFooterMobile from './FooterMobile/index.js';
-import { useProductCardContext } from '../../ProductCardContext.js';
-import { ProductCardView } from '../../types.js';
-const ProductCardIpoFooter = ({ footerValue, footerLabel, footerValueIcon, maturityText, securityIcon, imageUrl, }) => {
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import FooterDesktop from "./FooterDesktop/index.js";
+import FooterMobile from "./FooterMobile/index.js";
+import { useProductCardContext } from "../../ProductCardContext.js";
+import { ProductCardView } from "../../types.js";
+const ProductCardIpoFooter = ({ footerValue, footerLabel, footerValueIcon, maturityText, securityIcon, imageUrl })=>{
     const { view } = useProductCardContext();
-    if (view === ProductCardView.MOBILE) {
-        return (_jsx(ProductCardIpoFooterMobile, { footerValue: footerValue, maturityText: maturityText, securityIcon: securityIcon, imageUrl: imageUrl }));
-    }
-    return (_jsx(ProductCardIpoFooterDesktop, { footerValue: footerValue, footerLabel: footerLabel, footerValueIcon: footerValueIcon }));
+    if (view === ProductCardView.MOBILE) return /*#__PURE__*/ jsx(FooterMobile, {
+        footerValue: footerValue,
+        maturityText: maturityText,
+        securityIcon: securityIcon,
+        imageUrl: imageUrl
+    });
+    return /*#__PURE__*/ jsx(FooterDesktop, {
+        footerValue: footerValue,
+        footerLabel: footerLabel,
+        footerValueIcon: footerValueIcon
+    });
 };
-const MemoizedProductCardIpoFooter = memo(ProductCardIpoFooter);
+const MemoizedProductCardIpoFooter = /*#__PURE__*/ memo(ProductCardIpoFooter);
 MemoizedProductCardIpoFooter.displayName = 'ProductCardIpoFooter';
-export default MemoizedProductCardIpoFooter;
-export { default as ProductCardIpoFooterDesktop } from './FooterDesktop/index.js';
-export { default as ProductCardIpoFooterMobile } from './FooterMobile/index.js';
+const Footer = MemoizedProductCardIpoFooter;
+export default Footer;
+export { FooterDesktop as ProductCardIpoFooterDesktop, FooterMobile as ProductCardIpoFooterMobile };
+
 //# sourceMappingURL=Footer.js.map

package/dist/ProductCard/layouts/ipo/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,2BAA2B,MAAM,0BAA0B,CAAC;AACnE,OAAO,0BAA0B,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAiBjD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,WAAW,EACX,WAAW,EACX,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEzC,IAAI,IAAI,KAAK,eAAe,CAAC,MAAM,EAAE,CAAC;QACpC,OAAO,CACL,KAAC,0BAA0B,IACzB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,2BAA2B,IAC1B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,4BAA4B,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;AAChE,4BAA4B,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAElE,eAAe,4BAA4B,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/Footer.js","sources":["../../../../src/ProductCard/layouts/ipo/Footer.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\nimport ProductCardIpoFooterDesktop from './FooterDesktop/index.js';\nimport ProductCardIpoFooterMobile from './FooterMobile/index.js';\nimport { useProductCardContext } from '../../ProductCardContext.js';\nimport { ProductCardView } from '../../types.js';\n\nexport interface ProductCardIpoFooterProps {\n  /** Основное значение в footer (купон / цена). */\n  footerValue: string;\n  /** Подпись под значением на desktop. */\n  footerLabel?: string;\n  /** Иконка перед значением на desktop, например валюта номинала. */\n  footerValueIcon?: ReactNode;\n  /** Срок обращения на mobile, например «3 года». */\n  maturityText?: string;\n  /** Иконка инструмента на mobile. */\n  securityIcon?: ReactNode;\n  /** URL логотипа эмитента для fallback-иконки на mobile. */\n  imageUrl?: string;\n}\n\nconst ProductCardIpoFooter = ({\n  footerValue,\n  footerLabel,\n  footerValueIcon,\n  maturityText,\n  securityIcon,\n  imageUrl,\n}: ProductCardIpoFooterProps) => {\n  const { view } = useProductCardContext();\n\n  if (view === ProductCardView.MOBILE) {\n    return (\n      <ProductCardIpoFooterMobile\n        footerValue={footerValue}\n        maturityText={maturityText}\n        securityIcon={securityIcon}\n        imageUrl={imageUrl}\n      />\n    );\n  }\n\n  return (\n    <ProductCardIpoFooterDesktop\n      footerValue={footerValue}\n      footerLabel={footerLabel}\n      footerValueIcon={footerValueIcon}\n    />\n  );\n};\n\nconst MemoizedProductCardIpoFooter = memo(ProductCardIpoFooter);\nMemoizedProductCardIpoFooter.displayName = 'ProductCardIpoFooter';\n\nexport default MemoizedProductCardIpoFooter;\n\nexport { default as ProductCardIpoFooterDesktop } from './FooterDesktop/index.js';\nexport type { ProductCardIpoFooterDesktopProps } from './FooterDesktop/index.js';\nexport { default as ProductCardIpoFooterMobile } from './FooterMobile/index.js';\nexport type { ProductCardIpoFooterMobileProps } from './FooterMobile/index.js';\n"],"names":["ProductCardIpoFooter","footerValue","footerLabel","footerValueIcon","maturityText","securityIcon","imageUrl","view","useProductCardContext","ProductCardView","ProductCardIpoFooterMobile","ProductCardIpoFooterDesktop","MemoizedProductCardIpoFooter","memo"],"mappings":";;;;;;AAqBA,MAAMA,uBAAuB,CAAC,EAC5BC,WAAW,EACXC,WAAW,EACXC,eAAe,EACfC,YAAY,EACZC,YAAY,EACZC,QAAQ,EACkB;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,IAAID,SAASE,gBAAgB,MAAM,EACjC,OAAO,WAAP,GACE,IAACC,cAA0BA;QACzB,aAAaT;QACb,cAAcG;QACd,cAAcC;QACd,UAAUC;;IAKhB,OAAO,WAAP,GACE,IAACK,eAA2BA;QAC1B,aAAaV;QACb,aAAaC;QACb,iBAAiBC;;AAGvB;AAEA,MAAMS,+BAA+B,WAAHA,GAAGC,KAAKb;AAC1CY,6BAA6B,WAAW,GAAG;AAE3C,eAAeA"}

package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.js

@@ -1,10 +1,38 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Typography from '../../../../Typography/index.js';
-import ProductCardFooter from '../../../ProductCardFooter/index.js';
-import { CouponLabel, IconWrap, LeftColumn, MainRow, RightColumn, } from './FooterDesktop.styles.js';
-const ProductCardIpoFooterDesktop = ({ footerValue, footerLabel, footerValueIcon, }) => (_jsxs(ProductCardFooter, { children: [_jsx(LeftColumn, { children: _jsxs(MainRow, { children: [footerValueIcon != null ? (_jsx(IconWrap, { children: footerValueIcon })) : null, _jsx(Typography, { variant: "h3", weight: "semiBold", "data-testid": "price", children: footerValue }), footerLabel && (_jsx(CouponLabel, { children: _jsx(Typography, { variant: "caption10", color: "secondary", children: footerLabel }) }))] }) }), _jsx(RightColumn, {})] }));
-const MemoizedProductCardIpoFooterDesktop = memo(ProductCardIpoFooterDesktop);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import Typography from "../../../../Typography/index.js";
+import ProductCardFooter from "../../../ProductCardFooter/index.js";
+import { CouponLabel, IconWrap, LeftColumn, MainRow, RightColumn } from "./FooterDesktop.styles.js";
+const ProductCardIpoFooterDesktop = ({ footerValue, footerLabel, footerValueIcon })=>/*#__PURE__*/ jsxs(ProductCardFooter, {
+        children: [
+            /*#__PURE__*/ jsx(LeftColumn, {
+                children: /*#__PURE__*/ jsxs(MainRow, {
+                    children: [
+                        null != footerValueIcon ? /*#__PURE__*/ jsx(IconWrap, {
+                            children: footerValueIcon
+                        }) : null,
+                        /*#__PURE__*/ jsx(Typography, {
+                            variant: "h3",
+                            weight: "semiBold",
+                            "data-testid": "price",
+                            children: footerValue
+                        }),
+                        footerLabel && /*#__PURE__*/ jsx(CouponLabel, {
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                variant: "caption10",
+                                color: "secondary",
+                                children: footerLabel
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(RightColumn, {})
+        ]
+    });
+const MemoizedProductCardIpoFooterDesktop = /*#__PURE__*/ memo(ProductCardIpoFooterDesktop);
 MemoizedProductCardIpoFooterDesktop.displayName = 'ProductCardIpoFooterDesktop';
-export default MemoizedProductCardIpoFooterDesktop;
+const FooterDesktop = MemoizedProductCardIpoFooterDesktop;
+export default FooterDesktop;
+
 //# sourceMappingURL=FooterDesktop.js.map

package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterDesktop.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,GACZ,MAAM,2BAA2B,CAAC;AAWnC,MAAM,2BAA2B,GAAG,CAAC,EACnC,WAAW,EACX,WAAW,EACX,eAAe,GACkB,EAAE,EAAE,CAAC,CACtC,MAAC,iBAAiB,eAChB,KAAC,UAAU,cACT,MAAC,OAAO,eACL,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,QAAQ,cACN,eAAe,GACP,CACZ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,iBAAa,OAAO,YAC3D,WAAW,GACD,EACZ,WAAW,IAAI,CACd,KAAC,WAAW,cACV,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,YAC9C,WAAW,GACD,GACD,CACf,IACO,GACC,EACb,KAAC,WAAW,KAAG,IACG,CACrB,CAAC;AAEF,MAAM,mCAAmC,GAAG,IAAI,CAAC,2BAA2B,CAAC,CAAC;AAC9E,mCAAmC,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAEhF,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.js","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\nimport Typography from '../../../../Typography/index.js';\nimport ProductCardFooter from '../../../ProductCardFooter/index.js';\nimport {\n  CouponLabel,\n  IconWrap,\n  LeftColumn,\n  MainRow,\n  RightColumn,\n} from './FooterDesktop.styles.js';\n\nexport interface ProductCardIpoFooterDesktopProps {\n  /** Основное значение в footer. */\n  footerValue: string;\n  /** Подпись под значением. */\n  footerLabel?: string;\n  /** Иконка перед значением, например валюта номинала. */\n  footerValueIcon?: ReactNode;\n}\n\nconst ProductCardIpoFooterDesktop = ({\n  footerValue,\n  footerLabel,\n  footerValueIcon,\n}: ProductCardIpoFooterDesktopProps) => (\n  <ProductCardFooter>\n    <LeftColumn>\n      <MainRow>\n        {footerValueIcon != null ? (\n          <IconWrap>\n            {footerValueIcon}\n          </IconWrap>\n        ) : null}\n        <Typography variant=\"h3\" weight=\"semiBold\" data-testid=\"price\">\n          {footerValue}\n        </Typography>\n        {footerLabel && (\n          <CouponLabel>\n            <Typography variant=\"caption10\" color=\"secondary\">\n              {footerLabel}\n            </Typography>\n          </CouponLabel>\n        )}\n      </MainRow>\n    </LeftColumn>\n    <RightColumn />\n  </ProductCardFooter>\n);\n\nconst MemoizedProductCardIpoFooterDesktop = memo(ProductCardIpoFooterDesktop);\nMemoizedProductCardIpoFooterDesktop.displayName = 'ProductCardIpoFooterDesktop';\n\nexport default MemoizedProductCardIpoFooterDesktop;\n"],"names":["ProductCardIpoFooterDesktop","footerValue","footerLabel","footerValueIcon","ProductCardFooter","LeftColumn","MainRow","IconWrap","Typography","CouponLabel","RightColumn","MemoizedProductCardIpoFooterDesktop","memo"],"mappings":";;;;;AAoBA,MAAMA,8BAA8B,CAAC,EACnCC,WAAW,EACXC,WAAW,EACXC,eAAe,EACkB,iBACjC,KAACC,mBAAiBA;;0BAChB,IAACC,YAAUA;0BACT,mBAACC,SAAOA;;wBACc,QAAnBH,kBAA0B,WAAP,GAClB,IAACI,UAAQA;sCACNJ;6BAED;sCACJ,IAACK,YAAUA;4BAAC,SAAQ;4BAAK,QAAO;4BAAW,eAAY;sCACpDP;;wBAEFC,eAAe,WAAfA,GACC,IAACO,aAAWA;sCACV,kBAACD,YAAUA;gCAAC,SAAQ;gCAAY,OAAM;0CACnCN;;;;;;0BAMX,IAACQ,aAAWA,CAAAA;;;AAIhB,MAAMC,sCAAsC,WAAHA,GAAGC,KAAKZ;AACjDW,oCAAoC,WAAW,GAAG;AAElD,sBAAeA"}

package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js

@@ -1,29 +1,30 @@
-import { styled } from '@linaria/react';
-export const LeftColumn = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const LeftColumn = /*#__PURE__*/styled('div')({
   name: "LeftColumn",
   class: "ui_components_lzbgdu7",
   propsAsIs: false
 });
-export const RightColumn = /*#__PURE__*/styled('div')({
+const RightColumn = /*#__PURE__*/styled('div')({
   name: "RightColumn",
   class: "ui_components_rmrvswq",
   propsAsIs: false
 });
-export const MainRow = /*#__PURE__*/styled('div')({
+const MainRow = /*#__PURE__*/styled('div')({
   name: "MainRow",
   class: "ui_components_m1ysgs7h",
   propsAsIs: false
 });
-export const IconWrap = /*#__PURE__*/styled('div')({
+const IconWrap = /*#__PURE__*/styled('div')({
   name: "IconWrap",
   class: "ui_components_i1w7fkxx",
   propsAsIs: false
 });
-export const CouponLabel = /*#__PURE__*/styled('div')({
+const CouponLabel = /*#__PURE__*/styled('div')({
   name: "CouponLabel",
   class: "ui_components_c4un1ql",
   propsAsIs: false
 });
+export { CouponLabel, IconWrap, LeftColumn, MainRow, RightColumn };
 //# sourceMappingURL=FooterDesktop.styles.js.map
 
 import "./FooterDesktop.styles.css";

package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterDesktop.styles.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEpC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;kBAIhB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;iBACpB,MAAM,CAAC,OAAO,CAAC,EAAE;;CAEjC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js","sources":["../../../../../src/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const LeftColumn = styled.div`\n  width: 60%;\n  min-width: 0;\n`;\n\nexport const RightColumn = styled.div`\n  width: 40%;\n`;\n\nexport const MainRow = styled.div`\n  display: flex;\n  align-items: center;\n  min-width: 0;\n`;\n\nexport const IconWrap = styled.div`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  margin-right: ${tokens.spacing['2xs']};\n`;\n\nexport const CouponLabel = styled.div`\n  margin-left: ${tokens.spacing.xs};\n  min-width: 0;\n`;\n"],"names":["LeftColumn","styled","RightColumn","MainRow","IconWrap","tokens","CouponLabel"],"mappings":";;AAGO,MAAMA,aAAaC,OAAO,GAAG,CAAC;;;AAGrC,CAAC;AAEM,MAAMC,cAAcD,OAAO,GAAG,CAAC;;AAEtC,CAAC;AAEM,MAAME,UAAUF,OAAO,GAAG,CAAC;;;;AAIlC,CAAC;AAEM,MAAMG,WAAWH,OAAO,GAAG,CAAC;;;;gBAInB,EAAEI,OAAO,OAAO,CAAC,MAAM,CAAC;AACxC,CAAC;AAEM,MAAMC,cAAcL,OAAO,GAAG,CAAC;eACvB,EAAEI,OAAO,OAAO,CAAC,EAAE,CAAC;;AAEnC,CAAC"}

package/dist/ProductCard/layouts/ipo/FooterDesktop/index.js

@@ -1,2 +1 @@
-export { default } from './FooterDesktop.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./FooterDesktop.js";

package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.js

@@ -1,14 +1,43 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Typography from '../../../../Typography/index.js';
-import ProductCardFooter from '../../../ProductCardFooter/index.js';
-import ProductCardIpoSecurityIcon from '../SecurityIcon/index.js';
-import { Body, IconColumn, InfoColumn, mobileFooterRoot, } from './FooterMobile.styles.js';
-const ProductCardIpoFooterMobile = ({ footerValue, maturityText, securityIcon, imageUrl, }) => {
-    const icon = securityIcon !== null && securityIcon !== void 0 ? securityIcon : (imageUrl != null ? _jsx(ProductCardIpoSecurityIcon, { imageUrl: imageUrl, size: 32 }) : null);
-    return (_jsx(ProductCardFooter, { className: mobileFooterRoot, children: _jsxs(Body, { children: [icon != null ? (_jsx(IconColumn, { children: icon })) : null, _jsxs(InfoColumn, { children: [_jsx(Typography, { variant: "body14", weight: "semiBold", "data-testid": "price", children: footerValue }), maturityText != null ? (_jsx(Typography, { variant: "caption10", color: "secondary", children: maturityText })) : null] })] }) }));
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import Typography from "../../../../Typography/index.js";
+import ProductCardFooter from "../../../ProductCardFooter/index.js";
+import SecurityIcon from "../SecurityIcon/index.js";
+import { Body, IconColumn, InfoColumn, mobileFooterRoot } from "./FooterMobile.styles.js";
+const ProductCardIpoFooterMobile = ({ footerValue, maturityText, securityIcon, imageUrl })=>{
+    const icon = null != securityIcon ? securityIcon : null != imageUrl ? /*#__PURE__*/ jsx(SecurityIcon, {
+        imageUrl: imageUrl,
+        size: 32
+    }) : null;
+    return /*#__PURE__*/ jsx(ProductCardFooter, {
+        className: mobileFooterRoot,
+        children: /*#__PURE__*/ jsxs(Body, {
+            children: [
+                null != icon ? /*#__PURE__*/ jsx(IconColumn, {
+                    children: icon
+                }) : null,
+                /*#__PURE__*/ jsxs(InfoColumn, {
+                    children: [
+                        /*#__PURE__*/ jsx(Typography, {
+                            variant: "body14",
+                            weight: "semiBold",
+                            "data-testid": "price",
+                            children: footerValue
+                        }),
+                        null != maturityText ? /*#__PURE__*/ jsx(Typography, {
+                            variant: "caption10",
+                            color: "secondary",
+                            children: maturityText
+                        }) : null
+                    ]
+                })
+            ]
+        })
+    });
 };
-const MemoizedProductCardIpoFooterMobile = memo(ProductCardIpoFooterMobile);
+const MemoizedProductCardIpoFooterMobile = /*#__PURE__*/ memo(ProductCardIpoFooterMobile);
 MemoizedProductCardIpoFooterMobile.displayName = 'ProductCardIpoFooterMobile';
-export default MemoizedProductCardIpoFooterMobile;
+const FooterMobile = MemoizedProductCardIpoFooterMobile;
+export default FooterMobile;
+
 //# sourceMappingURL=FooterMobile.js.map

package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterMobile.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterMobile/FooterMobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AACpE,OAAO,0BAA0B,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAalC,MAAM,0BAA0B,GAAG,CAAC,EAClC,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,GACwB,EAAE,EAAE;IACpC,MAAM,IAAI,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAC3B,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,0BAA0B,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CACvF,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAAC,SAAS,EAAE,gBAAgB,YAC5C,MAAC,IAAI,eACF,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,UAAU,cACR,IAAI,GACM,CACd,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,UAAU,eACT,KAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,iBAAa,OAAO,YAC/D,WAAW,GACD,EACZ,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,CACtB,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,YAC9C,YAAY,GACF,CACd,CAAC,CAAC,CAAC,IAAI,IACG,IACR,GACW,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kCAAkC,GAAG,IAAI,CAAC,0BAA0B,CAAC,CAAC;AAC5E,kCAAkC,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAE9E,eAAe,kCAAkC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/FooterMobile/FooterMobile.js","sources":["../../../../../src/ProductCard/layouts/ipo/FooterMobile/FooterMobile.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\nimport Typography from '../../../../Typography/index.js';\nimport ProductCardFooter from '../../../ProductCardFooter/index.js';\nimport ProductCardIpoSecurityIcon from '../SecurityIcon/index.js';\nimport {\n  Body,\n  IconColumn,\n  InfoColumn,\n  mobileFooterRoot,\n} from './FooterMobile.styles.js';\n\nexport interface ProductCardIpoFooterMobileProps {\n  /** Основное значение в footer. */\n  footerValue: string;\n  /** Значение срока обращения для второй строки. */\n  maturityText?: string;\n  /** Иконка инструмента. */\n  securityIcon?: ReactNode;\n  /** URL логотипа эмитента для fallback-иконки. */\n  imageUrl?: string;\n}\n\nconst ProductCardIpoFooterMobile = ({\n  footerValue,\n  maturityText,\n  securityIcon,\n  imageUrl,\n}: ProductCardIpoFooterMobileProps) => {\n  const icon = securityIcon ?? (\n    imageUrl != null ? <ProductCardIpoSecurityIcon imageUrl={imageUrl} size={32} /> : null\n  );\n\n  return (\n    <ProductCardFooter className={mobileFooterRoot}>\n      <Body>\n        {icon != null ? (\n          <IconColumn>\n            {icon}\n          </IconColumn>\n        ) : null}\n        <InfoColumn>\n          <Typography variant=\"body14\" weight=\"semiBold\" data-testid=\"price\">\n            {footerValue}\n          </Typography>\n          {maturityText != null ? (\n            <Typography variant=\"caption10\" color=\"secondary\">\n              {maturityText}\n            </Typography>\n          ) : null}\n        </InfoColumn>\n      </Body>\n    </ProductCardFooter>\n  );\n};\n\nconst MemoizedProductCardIpoFooterMobile = memo(ProductCardIpoFooterMobile);\nMemoizedProductCardIpoFooterMobile.displayName = 'ProductCardIpoFooterMobile';\n\nexport default MemoizedProductCardIpoFooterMobile;\n"],"names":["ProductCardIpoFooterMobile","footerValue","maturityText","securityIcon","imageUrl","icon","ProductCardIpoSecurityIcon","ProductCardFooter","mobileFooterRoot","Body","IconColumn","InfoColumn","Typography","MemoizedProductCardIpoFooterMobile","memo"],"mappings":";;;;;;AAsBA,MAAMA,6BAA6B,CAAC,EAClCC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,QAAQ,EACwB;IAChC,MAAMC,OAAOF,QAAAA,eAAAA,eACXC,AAAY,QAAZA,WAAmB,WAAP,GAAO,IAACE,cAA0BA;QAAC,UAAUF;QAAU,MAAM;SAAS;IAGpF,OAAO,WAAP,GACE,IAACG,mBAAiBA;QAAC,WAAWC;kBAC5B,mBAACC,MAAIA;;gBACM,QAARJ,OAAe,WAAP,GACP,IAACK,YAAUA;8BACRL;qBAED;8BACJ,KAACM,YAAUA;;sCACT,IAACC,YAAUA;4BAAC,SAAQ;4BAAS,QAAO;4BAAW,eAAY;sCACxDX;;wBAEc,QAAhBC,eAAuB,WAAP,GACf,IAACU,YAAUA;4BAAC,SAAQ;4BAAY,OAAM;sCACnCV;6BAED;;;;;;AAKd;AAEA,MAAMW,qCAAqC,WAAHA,GAAGC,KAAKd;AAChDa,mCAAmC,WAAW,GAAG;AAEjD,qBAAeA"}

package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.js

@@ -1,21 +1,21 @@
-import { styled } from '@linaria/react';
-/** Отступы как у mobile header/content; без margin-top: auto — контент уже прижат снизу. */
-export const mobileFooterRoot = "ui_components_mj7im6m";
-export const Body = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const mobileFooterRoot = "ui_components_mj7im6m";
+const Body = /*#__PURE__*/styled('div')({
   name: "Body",
   class: "ui_components_b8ufbd1",
   propsAsIs: false
 });
-export const IconColumn = /*#__PURE__*/styled('div')({
+const IconColumn = /*#__PURE__*/styled('div')({
   name: "IconColumn",
   class: "ui_components_igudvh7",
   propsAsIs: false
 });
-export const InfoColumn = /*#__PURE__*/styled('div')({
+const InfoColumn = /*#__PURE__*/styled('div')({
   name: "InfoColumn",
   class: "ui_components_i1mzhcz9",
   propsAsIs: false
 });
+export { Body, IconColumn, InfoColumn, mobileFooterRoot };
 //# sourceMappingURL=FooterMobile.styles.js.map
 
 import "./FooterMobile.styles.css";

package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterMobile.styles.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,4FAA4F;AAC5F,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;eAEpB,MAAM,CAAC,OAAO,CAAC,CAAC;mBACZ,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGtC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK7B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKnC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;iBAOnB,MAAM,CAAC,OAAO,CAAC,EAAE;CACjC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.js","sources":["../../../../../src/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\n/** Отступы как у mobile header/content; без margin-top: auto — контент уже прижат снизу. */\nexport const mobileFooterRoot = css`\n  & {\n    padding: ${tokens.spacing.s};\n    padding-top: ${tokens.spacing.micro};\n    margin-top: 0;\n  }\n`;\n\nexport const Body = styled.div`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n`;\n\nexport const IconColumn = styled.div`\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n`;\n\nexport const InfoColumn = styled.div`\n  flex: 1 1 auto;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  text-align: right;\n  margin-left: ${tokens.spacing.xs};\n`;\n"],"names":["mobileFooterRoot","css","tokens","Body","styled","IconColumn","InfoColumn"],"mappings":";;;AAKO,MAAMA,mBAAmBC,GAAG,CAAC;;aAEvB,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC;iBACf,EAAEA,OAAO,OAAO,CAAC,KAAK,CAAC;;;AAGxC,CAAC;AAEM,MAAMC,OAAOC,OAAO,GAAG,CAAC;;;;;AAK/B,CAAC;AAEM,MAAMC,aAAaD,OAAO,GAAG,CAAC;;;;;AAKrC,CAAC;AAEM,MAAME,aAAaF,OAAO,GAAG,CAAC;;;;;;;eAOtB,EAAEF,OAAO,OAAO,CAAC,EAAE,CAAC;AACnC,CAAC"}

package/dist/ProductCard/layouts/ipo/FooterMobile/index.js

@@ -1,2 +1 @@
-export { default } from './FooterMobile.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./FooterMobile.js";

package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.js

@@ -1,12 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import classNames from 'clsx';
-import { image, root32, root40 } from './ProductCardIpoSecurityIcon.styles.js';
-const ProductCardIpoSecurityIcon = ({ imageUrl, alt = '', size = 40, children, className, }) => {
-    const rootClass = size === 32 ? root32 : root40;
-    return (_jsx("span", { className: classNames(rootClass, className), "aria-hidden": alt === '', children: children !== null && children !== void 0 ? children : (imageUrl != null ? (_jsx("img", { className: image, src: imageUrl, alt: alt })) : null) }));
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import clsx from "clsx";
+import { image as external_ProductCardIpoSecurityIcon_styles_js_image, root32, root40 } from "./ProductCardIpoSecurityIcon.styles.js";
+const ProductCardIpoSecurityIcon = ({ imageUrl, alt = '', size = 40, children, className })=>{
+    const rootClass = 32 === size ? root32 : root40;
+    return /*#__PURE__*/ jsx("span", {
+        className: clsx(rootClass, className),
+        "aria-hidden": '' === alt,
+        children: null != children ? children : null != imageUrl ? /*#__PURE__*/ jsx("img", {
+            className: external_ProductCardIpoSecurityIcon_styles_js_image,
+            src: imageUrl,
+            alt: alt
+        }) : null
+    });
 };
-const MemoizedProductCardIpoSecurityIcon = memo(ProductCardIpoSecurityIcon);
+const MemoizedProductCardIpoSecurityIcon = /*#__PURE__*/ memo(ProductCardIpoSecurityIcon);
 MemoizedProductCardIpoSecurityIcon.displayName = 'ProductCardIpoSecurityIcon';
-export default MemoizedProductCardIpoSecurityIcon;
+const SecurityIcon_ProductCardIpoSecurityIcon = MemoizedProductCardIpoSecurityIcon;
+export default SecurityIcon_ProductCardIpoSecurityIcon;
+
 //# sourceMappingURL=ProductCardIpoSecurityIcon.js.map

package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardIpoSecurityIcon.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAc/E,MAAM,0BAA0B,GAAG,CAAC,EAClC,QAAQ,EACR,GAAG,GAAG,EAAE,EACR,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,SAAS,GACuB,EAAE,EAAE;IACpC,MAAM,SAAS,GAAG,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAEhD,OAAO,CACL,eAAM,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,iBAAe,GAAG,KAAK,EAAE,YACvE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAC/B,cAAK,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAI,CACnD,CAAC,CAAC,CAAC,IAAI,CAAC,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kCAAkC,GAAG,IAAI,CAAC,0BAA0B,CAAC,CAAC;AAC5E,kCAAkC,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAE9E,eAAe,kCAAkC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.js","sources":["../../../../../src/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\nimport classNames from 'clsx';\nimport { image, root32, root40 } from './ProductCardIpoSecurityIcon.styles.js';\n\nexport type ProductCardIpoSecurityIconSize = 32 | 40;\n\nexport interface ProductCardIpoSecurityIconProps {\n  /** URL логотипа эмитента (issuer). */\n  imageUrl?: string;\n  alt?: string;\n  size?: ProductCardIpoSecurityIconSize;\n  /** Кастомная иконка вместо imageUrl (например SecurityIcon из продукта). */\n  children?: ReactNode;\n  className?: string;\n}\n\nconst ProductCardIpoSecurityIcon = ({\n  imageUrl,\n  alt = '',\n  size = 40,\n  children,\n  className,\n}: ProductCardIpoSecurityIconProps) => {\n  const rootClass = size === 32 ? root32 : root40;\n\n  return (\n    <span className={classNames(rootClass, className)} aria-hidden={alt === ''}>\n      {children ?? (imageUrl != null ? (\n        <img className={image} src={imageUrl} alt={alt} />\n      ) : null)}\n    </span>\n  );\n};\n\nconst MemoizedProductCardIpoSecurityIcon = memo(ProductCardIpoSecurityIcon);\nMemoizedProductCardIpoSecurityIcon.displayName = 'ProductCardIpoSecurityIcon';\n\nexport default MemoizedProductCardIpoSecurityIcon;\n"],"names":["ProductCardIpoSecurityIcon","imageUrl","alt","size","children","className","rootClass","root32","root40","classNames","image","MemoizedProductCardIpoSecurityIcon","memo"],"mappings":";;;;AAgBA,MAAMA,6BAA6B,CAAC,EAClCC,QAAQ,EACRC,MAAM,EAAE,EACRC,OAAO,EAAE,EACTC,QAAQ,EACRC,SAAS,EACuB;IAChC,MAAMC,YAAYH,AAAS,OAATA,OAAcI,SAASC;IAEzC,OAAO,WAAP,GACE,IAAC;QAAK,WAAWC,KAAWH,WAAWD;QAAY,eAAaH,AAAQ,OAARA;kBAC7DE,QAAAA,WAAAA,WAAaH,AAAY,QAAZA,WAAmB,WAAP,GACxB,IAAC;YAAI,WAAWS;YAAO,KAAKT;YAAU,KAAKC;aACzC;;AAGV;AAEA,MAAMS,qCAAqC,WAAHA,GAAGC,KAAKZ;AAChDW,mCAAmC,WAAW,GAAG;AAEjD,gDAAeA"}

package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.css

@@ -1,3 +1,3 @@
 .ui_components_r1u39puk{display:inline-flex;width:40px;height:40px;border-radius:50%;overflow:hidden;flex:0 0 40px;}
 .ui_components_rwg4d1d{display:inline-flex;width:32px;height:32px;border-radius:50%;overflow:hidden;flex:0 0 32px;}
-.ui_components_i11ogc9d{display:block;width:100%;height:100%;object-fit:cover;}
+.ui_components_p11ogc9d{display:block;width:100%;height:100%;object-fit:cover;}

package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.js

@@ -1,6 +1,7 @@
-export const root40 = "ui_components_r1u39puk";
-export const root32 = "ui_components_rwg4d1d";
-export const image = "ui_components_i11ogc9d";
+const root40 = "ui_components_r1u39puk";
+const root32 = "ui_components_rwg4d1d";
+const ProductCardIpoSecurityIcon_styles_image = "ui_components_p11ogc9d";
+export { ProductCardIpoSecurityIcon_styles_image as image, root32, root40 };
 //# sourceMappingURL=ProductCardIpoSecurityIcon.styles.js.map
 
 import "./ProductCardIpoSecurityIcon.styles.css";

package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardIpoSecurityIcon.styles.js","sourceRoot":"","sources":["../../../../../src/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;CAOxB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;CAOxB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;CAKvB,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.js","sources":["../../../../../src/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const root40 = css`\n  display: inline-flex;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  overflow: hidden;\n  flex: 0 0 40px;\n`;\n\nexport const root32 = css`\n  display: inline-flex;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  overflow: hidden;\n  flex: 0 0 32px;\n`;\n\nexport const image = css`\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n`;\n"],"names":["root40","css","root32","image"],"mappings":";AAEO,MAAMA,SAASC,GAAG,CAAC;;;;;;;AAO1B,CAAC;AAEM,MAAMC,SAASD,GAAG,CAAC;;;;;;;AAO1B,CAAC;AAEM,MAAME,0CAAQF,GAAG,CAAC;;;;;AAKzB,CAAC"}

package/dist/ProductCard/layouts/ipo/SecurityIcon/index.js

@@ -1,2 +1 @@
-export { default } from './ProductCardIpoSecurityIcon.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./ProductCardIpoSecurityIcon.js";

package/dist/ProductCard/layouts/ipo/Title.js

@@ -1,20 +1,68 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import classNames from 'clsx';
-import Typography from '../../../Typography/index.js';
-import ProductCardTitle from '../../ProductCardTitle/index.js';
-import ProductCardIpoRatingBadge from '../../badges/ProductCardIpoRatingBadge/index.js';
-import { useProductCardContext } from '../../ProductCardContext.js';
-import { ProductCardView } from '../../types.js';
-import { AvatarColumn, MetaRow, MetaText, singleLineEllipsis, TextColumn, TitleBody, titleIpoRoot, withSecurityIcon, } from './Title.styles.js';
-const ProductCardIpoTitle = ({ title, secondaryText, rating, ratingTooltip, issueMetaText, showBondMeta = rating != null || issueMetaText != null, securityIcon, }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import clsx from "clsx";
+import Typography from "../../../Typography/index.js";
+import ProductCardTitle from "../../ProductCardTitle/index.js";
+import ProductCardIpoRatingBadge from "../../badges/ProductCardIpoRatingBadge/index.js";
+import { useProductCardContext } from "../../ProductCardContext.js";
+import { ProductCardView } from "../../types.js";
+import { AvatarColumn, MetaRow, MetaText, TextColumn, TitleBody, singleLineEllipsis, titleIpoRoot, withSecurityIcon } from "./Title.styles.js";
+const ProductCardIpoTitle = ({ title, secondaryText, rating, ratingTooltip, issueMetaText, showBondMeta = null != rating || null != issueMetaText, securityIcon })=>{
     const { view } = useProductCardContext();
-    const showSecurityIcon = view === ProductCardView.DESKTOP && securityIcon != null;
+    const showSecurityIcon = view === ProductCardView.DESKTOP && null != securityIcon;
     const titleVariant = view === ProductCardView.MOBILE ? 'body14' : 'h4';
     const titleWeight = view === ProductCardView.MOBILE ? 'semiBold' : 'bold';
-    return (_jsx(ProductCardTitle, { className: titleIpoRoot, children: _jsxs(TitleBody, { children: [showSecurityIcon ? (_jsx(AvatarColumn, { children: securityIcon })) : null, _jsxs(TextColumn, { className: classNames(view, showSecurityIcon && withSecurityIcon), children: [_jsx(Typography, { className: singleLineEllipsis, variant: titleVariant, weight: titleWeight, title: title, "data-testid": "issuer", children: title }), secondaryText ? (_jsx(Typography, { className: singleLineEllipsis, variant: "caption11", weight: "normal", color: "warning", children: secondaryText })) : null, showBondMeta && (rating != null || issueMetaText != null) ? (_jsxs(MetaRow, { children: [rating != null ? (_jsx(ProductCardIpoRatingBadge, { rating: rating, view: view, title: ratingTooltip })) : null, issueMetaText != null ? (_jsx(MetaText, { children: _jsx(Typography, { className: singleLineEllipsis, variant: view === ProductCardView.MOBILE ? 'caption9' : 'caption12', color: "secondary", children: issueMetaText }) })) : null] })) : null] })] }) }));
+    return /*#__PURE__*/ jsx(ProductCardTitle, {
+        className: titleIpoRoot,
+        children: /*#__PURE__*/ jsxs(TitleBody, {
+            children: [
+                showSecurityIcon ? /*#__PURE__*/ jsx(AvatarColumn, {
+                    children: securityIcon
+                }) : null,
+                /*#__PURE__*/ jsxs(TextColumn, {
+                    className: clsx(view, showSecurityIcon && withSecurityIcon),
+                    children: [
+                        /*#__PURE__*/ jsx(Typography, {
+                            className: singleLineEllipsis,
+                            variant: titleVariant,
+                            weight: titleWeight,
+                            title: title,
+                            "data-testid": "issuer",
+                            children: title
+                        }),
+                        secondaryText ? /*#__PURE__*/ jsx(Typography, {
+                            className: singleLineEllipsis,
+                            variant: "caption11",
+                            weight: "normal",
+                            color: "warning",
+                            children: secondaryText
+                        }) : null,
+                        showBondMeta && (null != rating || null != issueMetaText) ? /*#__PURE__*/ jsxs(MetaRow, {
+                            children: [
+                                null != rating ? /*#__PURE__*/ jsx(ProductCardIpoRatingBadge, {
+                                    rating: rating,
+                                    view: view,
+                                    title: ratingTooltip
+                                }) : null,
+                                null != issueMetaText ? /*#__PURE__*/ jsx(MetaText, {
+                                    children: /*#__PURE__*/ jsx(Typography, {
+                                        className: singleLineEllipsis,
+                                        variant: view === ProductCardView.MOBILE ? 'caption9' : 'caption12',
+                                        color: "secondary",
+                                        children: issueMetaText
+                                    })
+                                }) : null
+                            ]
+                        }) : null
+                    ]
+                })
+            ]
+        })
+    });
 };
-const MemoizedProductCardIpoTitle = memo(ProductCardIpoTitle);
+const MemoizedProductCardIpoTitle = /*#__PURE__*/ memo(ProductCardIpoTitle);
 MemoizedProductCardIpoTitle.displayName = 'ProductCardIpoTitle';
-export default MemoizedProductCardIpoTitle;
+const Title = MemoizedProductCardIpoTitle;
+export default Title;
+
 //# sourceMappingURL=Title.js.map

package/dist/ProductCard/layouts/ipo/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAC/D,OAAO,yBAAyB,MAAM,iDAAiD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAmB3B,MAAM,mBAAmB,GAAG,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,GAAG,MAAM,IAAI,IAAI,IAAI,aAAa,IAAI,IAAI,EACtD,YAAY,GACa,EAAE,EAAE;IAC7B,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,gBAAgB,GAAG,IAAI,KAAK,eAAe,CAAC,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC;IAClF,MAAM,YAAY,GAAG,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IACvE,MAAM,WAAW,GAAG,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,OAAO,CACL,KAAC,gBAAgB,IAAC,SAAS,EAAE,YAAY,YACvC,MAAC,SAAS,eACP,gBAAgB,CAAC,CAAC,CAAC,CAClB,KAAC,YAAY,cACV,YAAY,GACA,CAChB,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,gBAAgB,IAAI,gBAAgB,CAAC,aAC3E,KAAC,UAAU,IACT,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,KAAK,iBACA,QAAQ,YAEnB,KAAK,GACK,EACZ,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,UAAU,IAAC,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,YAC3F,aAAa,GACH,CACd,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,IAAI,CAAC,MAAM,IAAI,IAAI,IAAI,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAC3D,MAAC,OAAO,eACL,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAChB,KAAC,yBAAyB,IACxB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CACvB,KAAC,QAAQ,cACP,KAAC,UAAU,IACT,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,IAAI,KAAK,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EACnE,KAAK,EAAC,WAAW,YAEhB,aAAa,GACH,GACJ,CACZ,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC,CAAC,CAAC,IAAI,IACG,IACH,GACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC;AAC9D,2BAA2B,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAEhE,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/Title.js","sources":["../../../../src/ProductCard/layouts/ipo/Title.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\nimport classNames from 'clsx';\nimport Typography from '../../../Typography/index.js';\nimport ProductCardTitle from '../../ProductCardTitle/index.js';\nimport ProductCardIpoRatingBadge from '../../badges/ProductCardIpoRatingBadge/index.js';\nimport { useProductCardContext } from '../../ProductCardContext.js';\nimport { ProductCardView } from '../../types.js';\nimport {\n  AvatarColumn,\n  MetaRow,\n  MetaText,\n  singleLineEllipsis,\n  TextColumn,\n  TitleBody,\n  titleIpoRoot,\n  withSecurityIcon,\n} from './Title.styles.js';\n\nexport interface ProductCardIpoTitleProps {\n  /** Название выпуска. */\n  title: string;\n  /** Вторая строка под заголовком (например, тип размещения). */\n  secondaryText?: string;\n  /** Рейтинг IPO. */\n  rating?: string;\n  /** Текст подсказки к рейтингу. */\n  ratingTooltip?: string;\n  /** Мета-текст выпуска (период купона и т.п.). */\n  issueMetaText?: string;\n  /** Показывать блок мета-информации облигации. */\n  showBondMeta?: boolean;\n  /** Иконка инструмента справа от заголовка. */\n  securityIcon?: ReactNode;\n}\n\nconst ProductCardIpoTitle = ({\n  title,\n  secondaryText,\n  rating,\n  ratingTooltip,\n  issueMetaText,\n  showBondMeta = rating != null || issueMetaText != null,\n  securityIcon,\n}: ProductCardIpoTitleProps) => {\n  const { view } = useProductCardContext();\n  const showSecurityIcon = view === ProductCardView.DESKTOP && securityIcon != null;\n  const titleVariant = view === ProductCardView.MOBILE ? 'body14' : 'h4';\n  const titleWeight = view === ProductCardView.MOBILE ? 'semiBold' : 'bold';\n\n  return (\n    <ProductCardTitle className={titleIpoRoot}>\n      <TitleBody>\n        {showSecurityIcon ? (\n          <AvatarColumn>\n            {securityIcon}\n          </AvatarColumn>\n        ) : null}\n        <TextColumn className={classNames(view, showSecurityIcon && withSecurityIcon)}>\n          <Typography\n            className={singleLineEllipsis}\n            variant={titleVariant}\n            weight={titleWeight}\n            title={title}\n            data-testid=\"issuer\"\n          >\n            {title}\n          </Typography>\n          {secondaryText ? (\n            <Typography className={singleLineEllipsis} variant=\"caption11\" weight=\"normal\" color=\"warning\">\n              {secondaryText}\n            </Typography>\n          ) : null}\n          {showBondMeta && (rating != null || issueMetaText != null) ? (\n            <MetaRow>\n              {rating != null ? (\n                <ProductCardIpoRatingBadge\n                  rating={rating}\n                  view={view}\n                  title={ratingTooltip}\n                />\n              ) : null}\n              {issueMetaText != null ? (\n                <MetaText>\n                  <Typography\n                    className={singleLineEllipsis}\n                    variant={view === ProductCardView.MOBILE ? 'caption9' : 'caption12'}\n                    color=\"secondary\"\n                  >\n                    {issueMetaText}\n                  </Typography>\n                </MetaText>\n              ) : null}\n            </MetaRow>\n          ) : null}\n        </TextColumn>\n      </TitleBody>\n    </ProductCardTitle>\n  );\n};\n\nconst MemoizedProductCardIpoTitle = memo(ProductCardIpoTitle);\nMemoizedProductCardIpoTitle.displayName = 'ProductCardIpoTitle';\n\nexport default MemoizedProductCardIpoTitle;\n"],"names":["ProductCardIpoTitle","title","secondaryText","rating","ratingTooltip","issueMetaText","showBondMeta","securityIcon","view","useProductCardContext","showSecurityIcon","ProductCardView","titleVariant","titleWeight","ProductCardTitle","titleIpoRoot","TitleBody","AvatarColumn","TextColumn","classNames","withSecurityIcon","Typography","singleLineEllipsis","MetaRow","ProductCardIpoRatingBadge","MetaText","MemoizedProductCardIpoTitle","memo"],"mappings":";;;;;;;;;AAmCA,MAAMA,sBAAsB,CAAC,EAC3BC,KAAK,EACLC,aAAa,EACbC,MAAM,EACNC,aAAa,EACbC,aAAa,EACbC,eAAeH,AAAU,QAAVA,UAAkBE,AAAiB,QAAjBA,aAAqB,EACtDE,YAAY,EACa;IACzB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAMC,mBAAmBF,SAASG,gBAAgB,OAAO,IAAIJ,AAAgB,QAAhBA;IAC7D,MAAMK,eAAeJ,SAASG,gBAAgB,MAAM,GAAG,WAAW;IAClE,MAAME,cAAcL,SAASG,gBAAgB,MAAM,GAAG,aAAa;IAEnE,OAAO,WAAP,GACE,IAACG,kBAAgBA;QAAC,WAAWC;kBAC3B,mBAACC,WAASA;;gBACPN,mBAAmB,WAAnBA,GACC,IAACO,cAAYA;8BACVV;qBAED;8BACJ,KAACW,YAAUA;oBAAC,WAAWC,KAAWX,MAAME,oBAAoBU;;sCAC1D,IAACC,YAAUA;4BACT,WAAWC;4BACX,SAASV;4BACT,QAAQC;4BACR,OAAOZ;4BACP,eAAY;sCAEXA;;wBAEFC,gBAAgB,WAAhBA,GACC,IAACmB,YAAUA;4BAAC,WAAWC;4BAAoB,SAAQ;4BAAY,QAAO;4BAAS,OAAM;sCAClFpB;6BAED;wBACHI,gBAAiBH,CAAAA,AAAU,QAAVA,UAAkBE,AAAiB,QAAjBA,aAAoB,kBACtD,KAACkB,SAAOA;;gCACK,QAAVpB,SAAiB,WAAP,GACT,IAACqB,2BAAyBA;oCACxB,QAAQrB;oCACR,MAAMK;oCACN,OAAOJ;qCAEP;gCACc,QAAjBC,gBAAwB,WAAP,GAChB,IAACoB,UAAQA;8CACP,kBAACJ,YAAUA;wCACT,WAAWC;wCACX,SAASd,SAASG,gBAAgB,MAAM,GAAG,aAAa;wCACxD,OAAM;kDAELN;;qCAGH;;6BAEJ;;;;;;AAKd;AAEA,MAAMqB,8BAA8B,WAAHA,GAAGC,KAAK3B;AACzC0B,4BAA4B,WAAW,GAAG;AAE1C,cAAeA"}

package/dist/ProductCard/layouts/ipo/Title.styles.js

@@ -1,32 +1,33 @@
-import { styled } from '@linaria/react';
-export const titleIpoRoot = "ui_components_t60iqhb";
-export const TitleBody = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const titleIpoRoot = "ui_components_t60iqhb";
+const TitleBody = /*#__PURE__*/styled('div')({
   name: "TitleBody",
   class: "ui_components_ttcxzz4",
   propsAsIs: false
 });
-export const AvatarColumn = /*#__PURE__*/styled('div')({
+const AvatarColumn = /*#__PURE__*/styled('div')({
   name: "AvatarColumn",
   class: "ui_components_axobhcs",
   propsAsIs: false
 });
-export const withSecurityIcon = "ui_components_wl9y8uw";
-export const TextColumn = /*#__PURE__*/styled('div')({
+const withSecurityIcon = "ui_components_wl9y8uw";
+const TextColumn = /*#__PURE__*/styled('div')({
   name: "TextColumn",
   class: "ui_components_t1cazsc0",
   propsAsIs: false
 });
-export const MetaRow = /*#__PURE__*/styled('div')({
+const MetaRow = /*#__PURE__*/styled('div')({
   name: "MetaRow",
   class: "ui_components_m14io9wo",
   propsAsIs: false
 });
-export const MetaText = /*#__PURE__*/styled('div')({
+const MetaText = /*#__PURE__*/styled('div')({
   name: "MetaText",
   class: "ui_components_mcefbha",
   propsAsIs: false
 });
-export const singleLineEllipsis = "ui_components_s1om4pdm";
+const singleLineEllipsis = "ui_components_s1om4pdm";
+export { AvatarColumn, MetaRow, MetaText, TextColumn, TitleBody, singleLineEllipsis, titleIpoRoot, withSecurityIcon };
 //# sourceMappingURL=Title.styles.js.map
 
 import "./Title.styles.css";

package/dist/ProductCard/layouts/ipo/Title.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.styles.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/Title.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;kBAEb,MAAM,CAAC,OAAO,CAAC,CAAC;mBACf,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;sBAClB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;CAE1C,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYrC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA,EAAE,CAAC;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;MAI9B,gBAAgB;mBACH,MAAM,CAAC,OAAO,CAAC,EAAE;;CAEnC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKhC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;iBAEjB,MAAM,CAAC,OAAO,CAAC,EAAE;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;CAKpC,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/Title.styles.js","sources":["../../../../src/ProductCard/layouts/ipo/Title.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const titleIpoRoot = css`\n  & {\n    margin-top: ${tokens.spacing.s};\n    padding-top: ${tokens.spacing['2xs']};\n    padding-bottom: ${tokens.spacing['2xs']};\n  }\n`;\n\nexport const TitleBody = styled.div`\n  display: flex;\n  align-items: flex-start;\n  min-width: 0;\n`;\n\nexport const AvatarColumn = styled.div`\n  width: 40px;\n  flex: 0 0 40px;\n  align-self: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  & > * {\n    width: 40px;\n    height: 40px;\n  }\n`;\n\nexport const withSecurityIcon = css``;\n\nexport const TextColumn = styled.div`\n  min-width: 0;\n  flex: 1 1 auto;\n\n  &.${withSecurityIcon} {\n    margin-left: ${tokens.spacing.xs};\n  }\n`;\n\nexport const MetaRow = styled.div`\n  margin-top: 8px;\n  display: flex;\n  align-items: center;\n  min-width: 0;\n`;\n\nexport const MetaText = styled.div`\n  min-width: 0;\n  margin-left: ${tokens.spacing.xs};\n`;\n\nexport const singleLineEllipsis = css`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n`;\n"],"names":["titleIpoRoot","css","tokens","TitleBody","styled","AvatarColumn","withSecurityIcon","TextColumn","MetaRow","MetaText","singleLineEllipsis"],"mappings":";;;AAIO,MAAMA,eAAeC,GAAG,CAAC;;gBAEhB,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC;iBAClB,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;oBACrB,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;;AAE5C,CAAC;AAEM,MAAMC,YAAYC,OAAO,GAAG,CAAC;;;;AAIpC,CAAC;AAEM,MAAMC,eAAeD,OAAO,GAAG,CAAC;;;;;;;;;;;;AAYvC,CAAC;AAEM,MAAME,mBAAmBL,GAAG,CAAC,CAAC;AAE9B,MAAMM,aAAaH,OAAO,GAAG,CAAC;;;;IAIjC,EAAEE,iBAAiB;iBACN,EAAEJ,OAAO,OAAO,CAAC,EAAE,CAAC;;AAErC,CAAC;AAEM,MAAMM,UAAUJ,OAAO,GAAG,CAAC;;;;;AAKlC,CAAC;AAEM,MAAMK,WAAWL,OAAO,GAAG,CAAC;;eAEpB,EAAEF,OAAO,OAAO,CAAC,EAAE,CAAC;AACnC,CAAC;AAEM,MAAMQ,qBAAqBT,GAAG,CAAC;;;;;AAKtC,CAAC"}

package/dist/ProductCard/layouts/ipo/contentUtils.js

@@ -1,14 +1,12 @@
-import { ProductCardView, } from '../../types.js';
-const isMaturityRow = (row) => row.id === 'maturity';
-export const getVisibleIpoContentRows = (rows, view) => (view === ProductCardView.MOBILE
-    ? rows.filter(row => !isMaturityRow(row))
-    : rows);
-export const getIpoStatusText = (status, view) => {
-    var _a;
-    if (view !== ProductCardView.MOBILE) {
-        return status.text;
-    }
-    return (_a = status.mobileText) !== null && _a !== void 0 ? _a : status.text;
+import { ProductCardView } from "../../types.js";
+const isMaturityRow = (row)=>'maturity' === row.id;
+const getVisibleIpoContentRows = (rows, view)=>view === ProductCardView.MOBILE ? rows.filter((row)=>!isMaturityRow(row)) : rows;
+const getIpoStatusText = (status, view)=>{
+    var _status_mobileText;
+    if (view !== ProductCardView.MOBILE) return status.text;
+    return null != (_status_mobileText = status.mobileText) ? _status_mobileText : status.text;
 };
-export const shouldShowIpoStatus = (status) => (status != null && !status.hidden && status.text.length > 0);
+const shouldShowIpoStatus = (status)=>null != status && !status.hidden && status.text.length > 0;
+export { getIpoStatusText, getVisibleIpoContentRows, shouldShowIpoStatus };
+
 //# sourceMappingURL=contentUtils.js.map

package/dist/ProductCard/layouts/ipo/contentUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"contentUtils.js","sourceRoot":"","sources":["../../../../src/ProductCard/layouts/ipo/contentUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,gBAAgB,CAAC;AAUxB,MAAM,aAAa,GAAG,CAAC,GAA6B,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,UAAU,CAAC;AAE/E,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,IAAgC,EAChC,IAAqB,EACrB,EAAE,CAAC,CACH,IAAI,KAAK,eAAe,CAAC,MAAM;IAC7B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,MAA4B,EAC5B,IAAqB,EACrB,EAAE;;IACF,IAAI,IAAI,KAAK,eAAe,CAAC,MAAM,EAAE,CAAC;QACpC,OAAO,MAAM,CAAC,IAAI,CAAC;IACrB,CAAC;IAED,OAAO,MAAA,MAAM,CAAC,UAAU,mCAAI,MAAM,CAAC,IAAI,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAA6B,EAAE,EAAE,CAAC,CACpE,MAAM,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAC3D,CAAC"}
+{"version":3,"file":"ProductCard/layouts/ipo/contentUtils.js","sources":["../../../../src/ProductCard/layouts/ipo/contentUtils.ts"],"sourcesContent":["import {\n  ProductCardView,\n  type ProductCardIpoStatus,\n} from '../../types.js';\n\nexport type ProductCardIpoContentRowId = 'bondPeriod' | 'ytm' | 'maturity';\n\nexport interface ProductCardIpoContentRow {\n  id?: ProductCardIpoContentRowId;\n  label: string;\n  value: string;\n}\n\nconst isMaturityRow = (row: ProductCardIpoContentRow) => row.id === 'maturity';\n\nexport const getVisibleIpoContentRows = (\n  rows: ProductCardIpoContentRow[],\n  view: ProductCardView,\n) => (\n  view === ProductCardView.MOBILE\n    ? rows.filter(row => !isMaturityRow(row))\n    : rows\n);\n\nexport const getIpoStatusText = (\n  status: ProductCardIpoStatus,\n  view: ProductCardView,\n) => {\n  if (view !== ProductCardView.MOBILE) {\n    return status.text;\n  }\n\n  return status.mobileText ?? status.text;\n};\n\nexport const shouldShowIpoStatus = (status?: ProductCardIpoStatus) => (\n  status != null && !status.hidden && status.text.length > 0\n);\n"],"names":["isMaturityRow","row","getVisibleIpoContentRows","rows","view","ProductCardView","getIpoStatusText","status","_status_mobileText","shouldShowIpoStatus"],"mappings":";AAaA,MAAMA,gBAAgB,CAACC,MAAkCA,AAAW,eAAXA,IAAI,EAAE;AAExD,MAAMC,2BAA2B,CACtCC,MACAC,OAEAA,SAASC,gBAAgB,MAAM,GAC3BF,KAAK,MAAM,CAACF,CAAAA,MAAO,CAACD,cAAcC,QAClCE;AAGC,MAAMG,mBAAmB,CAC9BC,QACAH;QAMOI;IAJP,IAAIJ,SAASC,gBAAgB,MAAM,EACjC,OAAOE,OAAO,IAAI;IAGpB,OAAO,QAAAC,CAAAA,qBAAAA,OAAO,UAAU,AAAD,IAAhBA,qBAAqBD,OAAO,IAAI;AACzC;AAEO,MAAME,sBAAsB,CAACF,SAClCA,AAAU,QAAVA,UAAkB,CAACA,OAAO,MAAM,IAAIA,OAAO,IAAI,CAAC,MAAM,GAAG"}