@hhgtech/hhg-components 1.29.535 → 1.29.537-beta-1

package/build/care.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var index = require('./index-ccff099d.js');
-var constants = require('./constants-52d3c2a4.js');
-var types = require('./types-5299e7aa.js');
-require('./tslib.es6-b8ed19ca.js');
+var index = require('./index-3edff2b5.js');
+var constants = require('./constants-82e354f7.js');
+var types = require('./types-79ede9c1.js');
+require('./tslib.es6-23ee393d.js');
 require('react');
 require('@emotion/react');
-require('./utils-5740f62f.js');
-require('./index-9ef87a42.js');
+require('./utils-2c14adf6.js');
+require('./index-189ee940.js');
 require('date-fns/locale');
-require('./index-6488fa2a.js');
-require('./Locale-43df1985.js');
+require('./index-d821c3f0.js');
+require('./Locale-76638afe.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -22,28 +22,28 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-7b13808f.js');
+require('./utils-5d61c1bc.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-f4b3f00b.js');
-require('./translationsContext-63f9475c.js');
+require('./index-60792db5.js');
+require('./translationsContext-f7171033.js');
 require('lodash/debounce');
-require('./index-373bf93c.js');
+require('./index-8d03d824.js');
 require('@mantine/core');
-require('./index-8e012c2d.js');
-require('./index-c9fea751.js');
+require('./index-e8b2623f.js');
+require('./index-7b1fabeb.js');
 require('lodash/shuffle');
-require('./useOutsideClick-830d0ef0.js');
-require('./paths-3fe516a0.js');
+require('./useOutsideClick-742ba261.js');
+require('./paths-95a8bcbe.js');
 require('@hhgtech/icons/core');
 require('@mantine/hooks');
-require('./index-1319db01.js');
-require('./ChevronDown-9b97784a.js');
+require('./index-5c743544.js');
+require('./ChevronDown-e0b91cc1.js');
 require('@hhgtech/icons/arrow');
-require('./index-27222656.js');
-require('./index.styles-5ea3e194.js');
-require('./index-53087815.js');
-require('./shared-bf743bec.js');
+require('./index-a1321425.js');
+require('./index.styles-cb786859.js');
+require('./index-31cd5a23.js');
+require('./shared-b5dd4ebe.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-b8ed19ca.js');
+var tslib_es6 = require('./tslib.es6-23ee393d.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-5740f62f.js');
-var index$1 = require('./index-f4b3f00b.js');
+var utils = require('./utils-2c14adf6.js');
+var index$1 = require('./index-60792db5.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-52d3c2a4.js');
+var constants = require('./constants-82e354f7.js');
 var styled = require('@emotion/styled');
-var index = require('./index-373bf93c.js');
-var index$2 = require('./index-8e012c2d.js');
+var index = require('./index-8d03d824.js');
+var index$2 = require('./index-e8b2623f.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-830d0ef0.js');
-var utils$1 = require('./utils-7b13808f.js');
+var useOutsideClick = require('./useOutsideClick-742ba261.js');
+var utils$1 = require('./utils-5d61c1bc.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-3fe516a0.js');
-require('./index-9ef87a42.js');
+var paths = require('./paths-95a8bcbe.js');
+require('./index-189ee940.js');
 require('date-fns/locale');
-require('./index-6488fa2a.js');
-require('./Locale-43df1985.js');
+require('./index-d821c3f0.js');
+require('./Locale-76638afe.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-63f9475c.js');
+require('./translationsContext-f7171033.js');
 require('@mantine/core');
-require('./index-c9fea751.js');
+require('./index-7b1fabeb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -6,26 +6,26 @@ var React = require('react');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var utils$1 = require('./utils-5740f62f.js');
-var useOutsideClick = require('./useOutsideClick-830d0ef0.js');
-var index$1 = require('./index-f4b3f00b.js');
+var utils$1 = require('./utils-2c14adf6.js');
+var useOutsideClick = require('./useOutsideClick-742ba261.js');
+var index$1 = require('./index-60792db5.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-52d3c2a4.js');
+var constants = require('./constants-82e354f7.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-7b13808f.js');
-var index = require('./index-1319db01.js');
-var index$2 = require('./index-8e012c2d.js');
-var ChevronDown = require('./ChevronDown-9b97784a.js');
-var tslib_es6 = require('./tslib.es6-b8ed19ca.js');
+var utils = require('./utils-5d61c1bc.js');
+var index = require('./index-5c743544.js');
+var index$2 = require('./index-e8b2623f.js');
+var ChevronDown = require('./ChevronDown-e0b91cc1.js');
+var tslib_es6 = require('./tslib.es6-23ee393d.js');
 var arrow = require('@hhgtech/icons/arrow');
-var index$3 = require('./index-27222656.js');
-var paths = require('./paths-3fe516a0.js');
-var index$4 = require('./index-53087815.js');
-require('./index-9ef87a42.js');
+var index$3 = require('./index-a1321425.js');
+var paths = require('./paths-95a8bcbe.js');
+var index$4 = require('./index-31cd5a23.js');
+require('./index-189ee940.js');
 require('date-fns/locale');
-require('./index-6488fa2a.js');
-require('./Locale-43df1985.js');
+require('./index-d821c3f0.js');
+require('./Locale-76638afe.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -33,10 +33,10 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-63f9475c.js');
-require('./index-c9fea751.js');
-require('./index.styles-5ea3e194.js');
-require('./shared-bf743bec.js');
+require('./translationsContext-f7171033.js');
+require('./index-7b1fabeb.js');
+require('./index.styles-cb786859.js');
+require('./shared-b5dd4ebe.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/components/atoms/drawerBottom/index.d.ts

@@ -1,6 +1,7 @@
-import React, { PropsWithChildren } from 'react';
+import React, { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
 import { ModalProps } from '@mantine/core';
-import { DialogProps } from 'vaul';
+import type { DataTrackingTypeHTMLElement } from "../../../types";
+import { DialogProps, Drawer } from 'vaul';
 export type DrawerBottomProps = {
     isOpen: boolean;
     isMobile: boolean;
@@ -10,6 +11,8 @@ export type DrawerBottomProps = {
     handlerClassName?: string;
     isLinear?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
+    /** Spread onto Vaul `Drawer.Overlay` when `isMobile` (e.g. tracking handlers). */
+    drawerOverlayProps?: ComponentPropsWithoutRef<typeof Drawer.Overlay> & DataTrackingTypeHTMLElement;
 } & Omit<ModalProps, 'opened'> & Omit<DialogProps, 'open'>;
-export declare function DrawerBottom({ children, onClose, isOpen, onOpenChange, isMobile, classNames, isLinear, overlayClassName, contentClassName, handlerClassName, ...restProps }: PropsWithChildren<DrawerBottomProps>): React.JSX.Element;
+export declare function DrawerBottom({ children, onClose, isOpen, onOpenChange, isMobile, classNames, isLinear, overlayClassName, contentClassName, handlerClassName, drawerOverlayProps, ...restProps }: PropsWithChildren<DrawerBottomProps>): React.JSX.Element;
 export default DrawerBottom;

package/build/components/mantine/modal/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { ModalProps as MantineModalProps, ModalBaseCloseButtonProps, ModalBaseOverlayProps } from '@mantine/core';
-import { DataTrackingType, DataTrackingTypeHTMLElement } from "../../../types";
+import { DataTrackingTypeHTMLElement } from "../../../types";
 export type ModalProps = {
-    overlayProps?: ModalBaseOverlayProps & DataTrackingType & DataTrackingTypeHTMLElement;
-    closeButtonProps?: ModalBaseCloseButtonProps & DataTrackingType;
+    overlayProps?: ModalBaseOverlayProps & DataTrackingTypeHTMLElement;
+    closeButtonProps?: ModalBaseCloseButtonProps & DataTrackingTypeHTMLElement;
 } & Omit<MantineModalProps, 'overlayProps' | 'closeButtonProps'>;
 declare const Modal: ({ styles, classNames, transitionProps, ...rest }: ModalProps) => React.JSX.Element;
 export { Modal };

package/build/components/molecules/healthTools/form/bmiForm/UnitPicker.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-type BmiUnitSystem = 'metric' | 'imperial';
-type UnitPickerProps = {
+export type FitnessToolUnitSystem = 'metric' | 'imperial';
+export type FitnessToolUnitPickerProps = {
     displayValue: string;
     field: 'height' | 'weight';
-    onChange: (next: BmiUnitSystem, field: 'height' | 'weight') => void;
+    onChange: (next: FitnessToolUnitSystem, field: 'height' | 'weight') => void;
 };
-export declare const UnitPicker: ({ displayValue, field, onChange, }: UnitPickerProps) => React.JSX.Element;
-export {};
+export declare const FitnessToolUnitPicker: ({ displayValue, field, onChange, }: FitnessToolUnitPickerProps) => React.JSX.Element;

package/build/components/molecules/healthTools/form/bmiForm/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Question1Label, Question2Label, Question2Description } from "./AdditionalLabel";
 import { NewsletterCheckbox } from "./NewsletterCheckbox";
+import { FitnessToolUnitPicker } from "./UnitPicker";
 import { BmiFormProps } from "../../../embeddedHeathToolCards/helpers";
 declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, defaultUnitSystem, enableUnitPicker, formLayout, submitProps, withAdditionalQuestion, isMobile, ...rest }: BmiFormProps) => React.JSX.Element;
-export { BmiForm, Question1Label, Question2Label, Question2Description, NewsletterCheckbox, };
+export { BmiForm, Question1Label, Question2Label, Question2Description, NewsletterCheckbox, FitnessToolUnitPicker, };

package/build/components/molecules/index.d.ts

@@ -31,7 +31,8 @@ export { ToolsBannerCard } from "./toolBannerCard";
 export { DueDateForm, DueDateFormProps, DueDateFormValue, DUE_DATE_METHOD, } from "./healthTools/form/dueDateForm";
 export { DueDateCardEmbed } from "./embeddedHeathToolCards/due-date/dueDate";
 export { BMICardEmbed, BMICardEmbedProps, } from "./embeddedHeathToolCards/bmi/bmi";
-export { BmiForm, Question1Label as BmiQuestion1Label, Question2Label as BmiQuestion2Label, Question2Description as BmiQuestion2Description, NewsletterCheckbox as BmiNewsletterCheckbox, } from "./healthTools/form/bmiForm";
+export { BmiForm, Question1Label as BmiQuestion1Label, Question2Label as BmiQuestion2Label, Question2Description as BmiQuestion2Description, NewsletterCheckbox as BmiNewsletterCheckbox, FitnessToolUnitPicker, } from "./healthTools/form/bmiForm";
+export type { FitnessToolUnitSystem, FitnessToolUnitPickerProps, } from "./healthTools/form/bmiForm/UnitPicker";
 export { BmiFormValue, BmiFormProps } from "./embeddedHeathToolCards/helpers";
 export { BabyGrowthCardEmbed, BabyGrowthCardEmbedProps, } from "./embeddedHeathToolCards/baby-growth";
 export { BabyPoopEmbed } from "./embeddedHeathToolCards/baby-poop";
@@ -61,6 +62,9 @@ export { ShareDrawer } from "./shareDrawer";
 export type { ShareDrawerProps } from "./shareDrawer";
 export { PillCarousel } from "./pillCarousel";
 export type { PillCarouselProps } from "./pillCarousel";
+export { PopupBoostArticleCard } from "./popupBoostArticleCard";
+export { PopupBoostPageView } from "./popupBoostPageView";
+export type { PopupBoostPageViewProps, BoostPopupSource, BoostPageViewApiResponse, } from "./popupBoostPageView";
 export { AdBlock } from "./adBlock";
 export type { AdUnitItem, Props as AdBlockProps } from "./adBlock";
 export { FixedBottomAdBlock } from "./adBlock/fixedBottomAdBlock";

package/build/components/molecules/popupBoostArticleCard/boostCardArticleAuthorName.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { AuthorFormatMessage, AuthorFormatMessageOptionsKeys } from "./getAuthorForBoostCard";
+export type BoostCardArticleAuthorNameProps = AuthorFormatMessage & {
+    formatOptionsProps?: Partial<Record<AuthorFormatMessageOptionsKeys, Record<string, string | number | undefined> & {
+        href?: string;
+        className?: string;
+        style?: React.CSSProperties;
+    }>>;
+};
+export declare const BoostCardArticleAuthorName: (props: BoostCardArticleAuthorNameProps) => React.JSX.Element;

package/build/components/molecules/popupBoostArticleCard/getAuthorForBoostCard.d.ts

@@ -0,0 +1,19 @@
+import type { DetailedHTMLProps, AnchorHTMLAttributes } from 'react';
+import { LOCALE } from "../../../interfaces/types/Locale";
+import { Article, ReviewedUserApi } from "../../../together/interfaces/types";
+export declare const getAuthorFormatOptionsProps: (reviewedUser?: ReviewedUserApi | null) => DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+export type AuthorFormatMessageOptionsKeys = 'author_name' | 'expert_display_name' | 'fact_check_display_name' | 'specialty' | 'organisation' | 'post_modified';
+export type AuthorFormatMessage = {
+    intlKey: string;
+    indicator: string;
+    avatar: string;
+    avatar_alt: string;
+    avatar_permalink: string;
+    formatOptions: Partial<Record<AuthorFormatMessageOptionsKeys, DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>>;
+};
+export declare function getAuthorForBoostCard({ article, locale, assetImageBase, version, }: {
+    article: Article;
+    locale: LOCALE;
+    assetImageBase: string;
+    version?: 'long' | 'short';
+}): AuthorFormatMessage;

package/build/components/molecules/popupBoostArticleCard/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Article } from "../../../together/interfaces/types";
+export type PopupBoostArticleCardProps = {
+    article: Article;
+    isMobile: boolean;
+    className?: string;
+    hideBookmark?: boolean;
+    /** Same as Discover `assetImagePath` without trailing slash, e.g. `${basePath}/images`. */
+    assetImageBase?: string;
+};
+export declare function PopupBoostArticleCard({ article, isMobile, className, hideBookmark, assetImageBase, }: PopupBoostArticleCardProps): React.JSX.Element;

package/build/components/molecules/popupBoostArticleCard/index.styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const StyledAvatarReviewer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTinyBadge: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledArticleCard: import("@emotion/styled").StyledComponent<import("../articleCard/_deprecated_index").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledItemImageContain: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/molecules/popupBoostArticleCard/renderBoostUploadTime.d.ts

@@ -0,0 +1,2 @@
+import { LOCALE } from "../../../interfaces/types/Locale";
+export declare function renderBoostUploadTime(locale: LOCALE, date?: string): string;

package/build/components/molecules/popupBoostPageView/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export type BoostPageViewApiResponse = {
+    data?: {
+        type?: string;
+        boost_data?: unknown;
+        delay_time?: number;
+    };
+};
+export type BoostPopupSource = {
+    source: 'article';
+    articleId?: number | string;
+    primaryCategoryId?: number | string;
+} | {
+    source: 'community';
+    postId?: number | string;
+    community?: number | string;
+};
+export type PopupBoostPageViewProps = {
+    source: BoostPopupSource['source'];
+    articleId?: number | string;
+    primaryCategoryId?: number | string;
+    postId?: number | string;
+    community?: number | string;
+    isMobile: boolean;
+    basePath: string;
+    /** Page URL for tracking; if omitted or empty, tracking uses `window.location.href` at send time. */
+    currentUrl?: string;
+    getSpotlightTitle: (raw: unknown) => string;
+    getSpotlightImage: (raw: unknown) => string;
+    getSpotlightPermalink?: (raw: unknown) => string;
+    getSpotlightContent?: (raw: unknown) => string;
+};
+export declare function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, community, isMobile, basePath, currentUrl, getSpotlightTitle, getSpotlightImage, getSpotlightPermalink, getSpotlightContent, }: PopupBoostPageViewProps): React.JSX.Element;

package/build/components/molecules/popupBoostPageView/tracking.d.ts

@@ -0,0 +1,13 @@
+import type { DataTrackingTypeHTMLElement } from "../../../types";
+export declare const BOOST_POPUP_TRACKING_CATEGORY = "Popup Suggest Article";
+export declare const BOOST_POPUP_GTAG_EVENTS: {
+    readonly swipeToClose: "swipe_to_close";
+};
+export declare const BOOST_POPUP_TRACKING_ACTION: {
+    readonly closeCard: "Close card";
+    readonly viewDetail: "View detail";
+};
+/** Prefer prop/ref URL; if missing (stale parent, first paint), use live location at send time. */
+export declare function resolveBoostPopupEventLabel(propUrl: string | undefined): string;
+export declare function pushBoostPopupDataLayerEvent(eventName: string, eventAction: string, eventLabel: string | undefined): void;
+export declare function boostPopupTrackingData(action: string, label: string | undefined): DataTrackingTypeHTMLElement;

package/build/components/molecules/productDetail/generalInfo/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const OVERLAP_CONTENT_RADIUS = 22;
 export declare const HERO_IMAGE_HEIGHT: number;
+export declare const HERO_IMAGE_RATIO: number;

package/build/components/molecules/productDetail/generalInfo/index.styled.d.ts

@@ -78,6 +78,7 @@ export declare const FixedHeroSection: import("@emotion/styled").StyledComponent
     as?: import("react").ElementType<any>;
 } & {
     scrollIndex?: number;
+    hidden?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FixedHeroSpacer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/build/components/organisms/collectPhoneNumber/index.styled.d.ts

@@ -22,6 +22,7 @@ export declare const StyledDrawerBottom: import("@emotion/styled").StyledCompone
     handlerClassName?: string;
     isLinear?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
+    drawerOverlayProps?: Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("../../../types").DataTrackingTypeHTMLElement;
 } & Omit<import("@mantine/core").ModalProps, "opened"> & Omit<import("vaul").DialogProps, "open"> & {
     children?: import("react").ReactNode;
 } & {

package/build/components/organisms/popupRequestConsultation/index.styled.d.ts

@@ -22,6 +22,7 @@ export declare const StyledDrawerBottom: import("@emotion/styled").StyledCompone
     handlerClassName?: string;
     isLinear?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
+    drawerOverlayProps?: Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("../../../types").DataTrackingTypeHTMLElement;
 } & Omit<import("@mantine/core").ModalProps, "opened"> & Omit<import("vaul").DialogProps, "open"> & {
     children?: import("react").ReactNode;
 } & {