@sima-land/moleculas 12.3.3 → 13.1.2

package/common/components/adult-block/{adult-block.d.ts → index.d.ts}

@@ -13,5 +13,4 @@ export interface AdultBlockProps {
  * @param props.marginTop Отступ сверху.
  * @return Элемент.
  */
-declare const AdultBlock: ({ isAuthUser, onClick, marginTop }: AdultBlockProps) => JSX.Element;
-export default AdultBlock;
+export declare const AdultBlock: ({ isAuthUser, onClick, marginTop }: AdultBlockProps) => JSX.Element;

package/common/components/adult-block/{adult-block.js → index.js}

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdultBlock = void 0;
 const react_1 = __importDefault(require("react"));
 const box_1 = require("@sima-land/ui-nucleons/box");
 const text_1 = require("@sima-land/ui-nucleons/text");
@@ -36,4 +37,4 @@ const AdultBlock = ({ isAuthUser, onClick, marginTop = 0 }) => {
             react_1.default.createElement(link_1.Link, { onClick: onClick, pseudo: true },
                 react_1.default.createElement(text_1.Text, { size: 16, weight: 600, lineHeight: 32 }, actualTextBlocks.action)))));
 };
-exports.default = AdultBlock;
+exports.AdultBlock = AdultBlock;

package/common/components/badge-list/badge-list.module.scss

@@ -3,7 +3,6 @@
   flex-wrap: wrap;
   line-height: 1;
   position: relative;
-  z-index: 2;
   overflow: hidden;
 }
 

package/common/components/badge-list/index.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { BadgeProps } from '../badge';
 export interface BadgeListProps {
     /** Список данных для шильдиков. */
-    items?: BadgeProps[];
+    children?: React.ReactNode;
     /** CSS-класс корневого элемента. */
     className?: string;
     /** Стили корневого элемента. */
@@ -15,7 +14,4 @@ export interface BadgeListProps {
  * @param props Свойства компонента.
  * @return Элемент.
  */
-export declare const BadgeList: {
-    ({ items, className, lineLimit, style }: BadgeListProps): JSX.Element;
-    Item: ({ className, color, fields, href, style, "data-testid": testId, ...restProps }: BadgeProps) => JSX.Element;
-};
+export declare const BadgeList: ({ children, className, lineLimit, style }: BadgeListProps) => JSX.Element;

package/common/components/badge-list/index.js

@@ -1,10 +1,29 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BadgeList = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const badge_1 = require("../badge");
 const bind_1 = __importDefault(require("classnames/bind"));
 const badge_list_module_scss_1 = __importDefault(require("./badge-list.module.scss"));
@@ -14,8 +33,10 @@ const cx = bind_1.default.bind(badge_list_module_scss_1.default);
  * @param props Свойства компонента.
  * @return Элемент.
  */
-const BadgeList = ({ items, className, lineLimit, style }) => (react_1.default.createElement("div", { className: cx('root', className, lineLimit && 'line-limit'), style: lineLimit ? Object.assign(Object.assign({}, style), { '--line-limit': lineLimit }) : style }, Array.isArray(items) &&
-    items.length > 0 &&
-    items.map((itemProps, index) => react_1.default.createElement(badge_1.Badge, Object.assign({ key: index, className: cx('item') }, itemProps)))));
+const BadgeList = ({ children, className, lineLimit, style }) => (react_1.default.createElement("div", { className: cx('root', className, lineLimit && 'line-limit'), style: lineLimit ? Object.assign(Object.assign({}, style), { '--line-limit': lineLimit }) : style }, react_1.Children.toArray(children).reduce((list, item) => {
+    (0, react_1.isValidElement)(item) &&
+        item.type === badge_1.Badge &&
+        list.push((0, react_1.cloneElement)(item, { className: cx('item', item.props.className) }));
+    return list;
+}, [])));
 exports.BadgeList = BadgeList;
-exports.BadgeList.Item = badge_1.Badge;

package/common/components/product-info/index.d.ts

@@ -1,49 +1,11 @@
-import React from 'react';
-import { BadgeProps } from '../badge';
-export interface ProductData {
-    /** Ссылка на товар. */
-    url: string;
-    /** Название товара. */
-    name?: string;
-    /** Ссылка на картинку. */
-    imageSrc?: string;
-    /** Альтернативный текст картинки. */
-    imageAlt?: string;
-    /** Цена товара. */
-    price: number;
-    /** Старая цена товара. */
-    oldPrice?: number;
-    /** Графема валюты. */
-    currencyGrapheme?: string;
-    /** Список шильдиков. */
-    badges?: BadgeProps[];
-    /** Торговая марка. */
-    trademark?: {
-        name: string;
-        url: string;
-    };
-}
-export interface ProductInfoProps {
-    /** Данные товара. */
-    data: ProductData;
-    /** Содержимое. */
-    children?: React.ReactNode;
-    /** Обработчик клика по ссылке на товар. */
-    onLinkClick?: React.MouseEventHandler<HTMLAnchorElement>;
-}
-export interface ProductInfoComponent {
-    (props: ProductInfoProps): JSX.Element;
-    OnImage: typeof OnImage;
-}
-/**
- * Компонент-слот для вывода контента над изображением.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const OnImage: React.FC;
-/**
- * Компонент элемента карусели рекомендаций.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-export declare const ProductInfo: ProductInfoComponent;
+/// <reference types="react" />
+import { ProductInfoProps } from './types';
+import { Parts } from './parts';
+export type { ProductInfoProps };
+export declare const UNAVAILABLE_REASON: {
+    readonly notEnough: "Нет в наличии";
+    readonly unavailableInRegion: "Товар недоступен в вашем регионе";
+    readonly onlyForLegalEntities: "Товар доступен только для юридических лиц";
+};
+export declare const ProductInfo: ({ restriction, children }: ProductInfoProps) => JSX.Element;
+export { Parts };

package/common/components/product-info/index.js

@@ -3,43 +3,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductInfo = exports.OnImage = void 0;
+exports.Parts = exports.ProductInfo = exports.UNAVAILABLE_REASON = void 0;
 const react_1 = __importDefault(require("react"));
-const link_1 = require("@sima-land/ui-nucleons/link");
-const price_1 = require("@sima-land/ui-nucleons/price");
 const define_slots_1 = require("@sima-land/ui-nucleons/helpers/define-slots");
-const image_overlay_1 = require("../../../desktop/components/gallery-modal/components/image-overlay");
-const badge_list_1 = require("../badge-list");
-const bind_1 = __importDefault(require("classnames/bind"));
-const product_info_module_scss_1 = __importDefault(require("./product-info.module.scss"));
-const cx = bind_1.default.bind(product_info_module_scss_1.default);
-/**
- * Компонент-слот для вывода контента над изображением.
- * @param props Свойства.
- * @return Элемент.
- */
-const OnImage = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children);
-exports.OnImage = OnImage;
-/**
- * Компонент элемента карусели рекомендаций.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-const ProductInfo = ({ data, onLinkClick, children }) => {
-    const { onImage } = (0, define_slots_1.defineSlots)(children, {
-        onImage: exports.OnImage,
+const utils_1 = require("./utils");
+const parts_1 = require("./parts");
+Object.defineProperty(exports, "Parts", { enumerable: true, get: function () { return parts_1.Parts; } });
+exports.UNAVAILABLE_REASON = {
+    notEnough: 'Нет в наличии',
+    unavailableInRegion: 'Товар недоступен в вашем регионе',
+    onlyForLegalEntities: 'Товар доступен только для юридических лиц',
+};
+const ProductInfo = ({ restriction, children }) => {
+    const { image, badges, prices, title, trademark, footer } = (0, define_slots_1.defineSlots)(children, {
+        image: parts_1.Parts.Image,
+        badges: parts_1.Parts.Badges,
+        prices: parts_1.Parts.Prices,
+        title: parts_1.Parts.Title,
+        trademark: parts_1.Parts.TrademarkLink,
+        footer: parts_1.Parts.Footer,
     });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        Boolean(data.imageSrc) && (react_1.default.createElement(image_overlay_1.ImageOverlay, { className: cx('image-overlay') },
-            react_1.default.createElement("a", { href: data.url, className: cx('image-link'), onClick: onLinkClick, "data-testid": 'product-info:image-link' },
-                react_1.default.createElement("img", { className: cx('image'), alt: data.imageAlt, src: data.imageSrc })),
-            onImage && react_1.default.createElement("div", { className: cx('on-image') }, onImage))),
-        data.badges && data.badges.length > 0 && (react_1.default.createElement(badge_list_1.BadgeList, { items: data.badges, lineLimit: 1, className: cx('badges') })),
-        Boolean(data.price) && (react_1.default.createElement("div", { className: cx('prices') },
-            react_1.default.createElement(price_1.Price, { value: data.price, currencyGrapheme: data.currencyGrapheme, className: cx('price') }),
-            data.oldPrice && (react_1.default.createElement(price_1.Price, { value: data.oldPrice, currencyGrapheme: data.currencyGrapheme, className: cx('old-price'), crossedOut: true })))),
-        react_1.default.createElement(link_1.Link, { onClick: onLinkClick, className: cx('link'), href: data.url, children: data.name, color: 'gray87', "data-testid": 'product-info:name-link' }),
-        data.trademark && (react_1.default.createElement(link_1.Link, { className: cx('trademark-link'), href: data.trademark.url, children: data.trademark.name, color: 'brand-blue', "data-testid": 'product-info:trademark-link' }))));
+    return (react_1.default.createElement(utils_1.ProductInfoContext.Provider, { value: { restriction } },
+        image,
+        restriction !== 'adult' && badges,
+        prices,
+        title,
+        !restriction && trademark,
+        footer));
 };
 exports.ProductInfo = ProductInfo;
-exports.ProductInfo.OnImage = exports.OnImage;

package/common/components/product-info/parts.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { LinkProps } from '@sima-land/ui-nucleons/link';
+import { StrokedSVGProps } from '@sima-land/ui-nucleons/stroked-svg';
+import { BadgeListProps } from '../badge-list';
+export interface ImageProps {
+    src?: string;
+    alt?: string;
+    href?: string;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    children?: React.ReactNode;
+    opacity?: number;
+}
+export declare const Parts: {
+    readonly Image: ({ src, alt, href, onClick, children, opacity }: ImageProps) => JSX.Element;
+    readonly ImageButton: ({ icon, fill, onClick, hint, "data-testid": testId, }: {
+        icon: StrokedSVGProps['component'];
+        fill?: string | undefined;
+        onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        hint?: string | undefined;
+        'data-testid'?: string | undefined;
+    }) => JSX.Element;
+    readonly Badges: (props: BadgeListProps) => JSX.Element;
+    readonly Prices: ({ price, oldPrice, currencyGrapheme, unavailableReason, }: {
+        price: number;
+        oldPrice?: number | undefined;
+        currencyGrapheme?: string | undefined;
+        unavailableReason?: string | undefined;
+    }) => JSX.Element;
+    readonly Title: ({ children, href, onClick }: Pick<LinkProps, 'children' | 'href' | 'onClick'>) => JSX.Element;
+    readonly TrademarkLink: ({ href, children, onClick, }: Pick<LinkProps, 'href' | 'children' | 'onClick'>) => JSX.Element;
+    readonly Footer: React.FC<{}>;
+    readonly CartControl: ({ children, stepText, markupText, loading, }: {
+        children?: React.ReactNode;
+        stepText?: string | undefined;
+        markupText?: string | undefined;
+        loading?: boolean | undefined;
+    }) => JSX.Element;
+    readonly AdultConfirmButton: ({ className, ...props }: LinkProps) => JSX.Element;
+    readonly WaitListAddButton: ({ className, ...props }: LinkProps) => JSX.Element;
+    readonly WaitListAddedLink: ({ className, ...props }: LinkProps) => JSX.Element;
+};

package/common/components/product-info/parts.js

@@ -0,0 +1,176 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Parts = void 0;
+const react_1 = __importStar(require("react"));
+const link_1 = require("@sima-land/ui-nucleons/link");
+const price_1 = require("@sima-land/ui-nucleons/price");
+const stroked_svg_1 = require("@sima-land/ui-nucleons/stroked-svg");
+const with_hint_1 = require("@sima-land/ui-nucleons/with-hint");
+const image_overlay_1 = require("../../../desktop/components/gallery-modal/components/image-overlay");
+const badge_list_1 = require("../badge-list");
+const utils_1 = require("./utils");
+const eighteen_plus_svg_1 = __importDefault(require("../../icons/eighteen-plus.svg"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const product_info_module_scss_1 = __importDefault(require("./product-info.module.scss"));
+const cx = bind_1.default.bind(product_info_module_scss_1.default);
+/**
+ * Кнопка-иконка на изображении.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const ImageButton = ({ icon, fill, onClick, hint, 'data-testid': testId, }) => {
+    const commonProps = {
+        role: 'banner',
+        component: icon,
+        fill,
+        strokeWidth: 1.5,
+        className: cx('image-button'),
+        onClick,
+        'data-testid': testId,
+    };
+    return hint ? (react_1.default.createElement(with_hint_1.WithHint, { hint: hint, direction: 'left' }, (ref, toggle) => (react_1.default.createElement(stroked_svg_1.StrokedSVG, Object.assign({}, commonProps, { ref: ref, onMouseEnter: () => toggle(true), onMouseLeave: () => toggle(false) }))))) : (react_1.default.createElement(stroked_svg_1.StrokedSVG, Object.assign({}, commonProps)));
+};
+/**
+ * Слот - изображение товара.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const Image = ({ src, alt, href, onClick, children, opacity }) => {
+    const { restriction } = (0, react_1.useContext)(utils_1.ProductInfoContext);
+    const defaultOpacity = restriction ? 0.4 : undefined;
+    return (react_1.default.createElement(image_overlay_1.ImageOverlay, { className: cx('image-overlay') }, restriction === 'adult' ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("img", { alt: alt, src: src, className: cx('image', 'adult'), "data-testid": 'product-info:adult-image' }),
+        react_1.default.createElement(eighteen_plus_svg_1.default, { className: cx('adult-icon') }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("a", { href: href, className: cx('image-link'), onClick: onClick, "data-testid": 'product-info:image-link' },
+            react_1.default.createElement("img", { alt: alt, src: src, className: cx('image'), style: { opacity: typeof opacity === 'number' ? opacity : defaultOpacity }, "data-testid": 'product-info:image' })),
+        children && react_1.default.createElement("div", { className: cx('image-buttons') }, children)))));
+};
+/**
+ * Слот для вывода шильдиков.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const Badges = (props) => react_1.default.createElement(badge_list_1.BadgeList, Object.assign({ className: cx('badges') }, props));
+/**
+ * Слот для вывода цен.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const Prices = ({ price, oldPrice, currencyGrapheme, unavailableReason = 'Товар недоступен', }) => {
+    const { restriction } = (0, react_1.useContext)(utils_1.ProductInfoContext);
+    return (react_1.default.createElement("div", { className: cx('prices', { 'height-limit': !restriction || restriction === 'adult' }), "data-testid": 'product-info:prices' },
+        (!restriction || restriction === 'adult') && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(price_1.Price, { value: price, currencyGrapheme: currencyGrapheme, className: cx('price'), "data-testid": 'product-info:price' }),
+            restriction !== 'adult' && oldPrice && (react_1.default.createElement(price_1.Price, { value: oldPrice, currencyGrapheme: currencyGrapheme, className: cx('old-price'), crossedOut: true, "data-testid": 'product-info:old-price' })))),
+        restriction === 'unavailable' && unavailableReason));
+};
+/**
+ * Слот для вывода ссылки - названия товара.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const Title = ({ children, href, onClick }) => {
+    const { restriction } = (0, react_1.useContext)(utils_1.ProductInfoContext);
+    return restriction === 'adult' ? (react_1.default.createElement("span", { className: cx('adult-info'), "data-testid": 'product-info:adult-warning' }, "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043E \u0432\u044B \u0441\u0442\u0430\u0440\u0448\u0435 18 \u043B\u0435\u0442, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u0442\u043E\u0432\u0430\u0440.")) : (react_1.default.createElement(link_1.Link, { onClick: onClick, className: cx('link', 'line-clamp'), href: href, color: 'gray87', "data-testid": 'product-info:name-link' }, children));
+};
+/** Слот для вывода ссылки торговой марки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const TrademarkLink = ({ href, children, onClick, }) => (react_1.default.createElement(link_1.Link, { className: cx('trademark-link'), href: href, children: children, onClick: onClick, color: 'brand-blue', "data-testid": 'product-info:trademark-link' }));
+/**
+ * Слот - футер.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const Footer = ({ children }) => (react_1.default.createElement("div", { className: cx('footer'), "data-testid": 'product-info:footer' }, children));
+/**
+ * Блок управления корзиной.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const CartControl = ({ children, stepText, markupText, loading, }) => (react_1.default.createElement("div", { className: cx('control-wrapper', { loading }) },
+    react_1.default.createElement("div", { className: cx('control') }, !loading && children),
+    (loading || stepText) && (react_1.default.createElement("div", { className: cx('unit-text'), "data-testid": 'product-info:cart-step' }, !loading && stepText)),
+    !loading && markupText && (react_1.default.createElement("div", { className: cx('bottom-text'), "data-testid": 'product-info:cart-info' }, markupText))));
+/**
+ * Кнопка "подтвердить".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const AdultConfirmButton = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement(link_1.Link, Object.assign({}, props, { pseudo: true, color: 'brand-blue', className: cx('text-button', className), "data-testid": 'product-info:adult-confirm-button' }), "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C"));
+};
+/**
+ * Кнопка "В лист ожидания".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const WaitListAddButton = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement(link_1.Link, Object.assign({}, props, { pseudo: true, color: 'brand-blue', className: cx('text-button', className), "data-testid": 'product-info:wait-list-add-button' }), "\u0412 \u043B\u0438\u0441\u0442 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F"));
+};
+/**
+ * Текст со ссылкой "Товар добавлен в лист ожидания".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const WaitListAddedLink = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement("span", { className: cx('wait-list-added-text') },
+        "\u0422\u043E\u0432\u0430\u0440 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D \u0432",
+        ' ',
+        react_1.default.createElement(link_1.Link, Object.assign({}, props, { color: 'brand-blue', className: cx('text-button', className), "data-testid": 'product-info:wait-list-added-link' }),
+            "\u043B\u0438\u0441\u0442",
+            '\u00A0',
+            "\u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F")));
+};
+exports.Parts = {
+    // основные компоненты-слоты и компоненты-запчасти
+    Image,
+    ImageButton,
+    Badges,
+    Prices,
+    Title,
+    TrademarkLink,
+    // компоненты-слоты и компоненты-запчасти, предназначенные для вывода футера (dcе что ниже ссылки на торговую марку)
+    Footer,
+    CartControl,
+    AdultConfirmButton,
+    WaitListAddButton,
+    WaitListAddedLink,
+};