@hhgtech/hhg-components 1.29.491 → 1.29.493-beta-1

package/build/esm/{index-d567e39d.js → index-42c3cba2.js}

@@ -1,28 +1,28 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b118691f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e762d740.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-0f6a308c.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-cf46efda.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-03f305ee.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-ae3b54ce.js';
 import { Flex, rem, Stack, clsx, createStyles, Box } from '@mantine/core';
-import { G as GenderOptionControl } from './index-e7cb1bea.js';
-import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-c8ec1596.js';
+import { G as GenderOptionControl } from './index-b8c7e61f.js';
+import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-6707f81e.js';
 import '@mantine/dates';
-import './index-0077ab11.js';
-import './index-f28e90b4.js';
-import './index-e15e57eb.js';
-import './index-adbd22de.js';
-import { T as Text } from './index-bb365bc9.js';
-import './index-4d01fd02.js';
+import './index-8f27b332.js';
+import './index-736b5fb1.js';
+import './index-c2fd5bd4.js';
+import './index-b502c3b3.js';
+import { T as Text } from './index-c75b1a77.js';
+import './index-a777f29a.js';
 import { theme } from './miscTheme.js';
-import './index-b6a2b269.js';
-import './index.styles-317788a5.js';
-import { u as useTranslations } from './index-34456794.js';
+import './index-0135bfb8.js';
+import './index.styles-cb4d614a.js';
+import { u as useTranslations } from './index-b900a61a.js';
 import '@mantine/hooks';
-import './utils-6b2ae50f.js';
-import './index-b725069d.js';
-import { H as HealthToolFormWrapper } from './index-62f5f9c7.js';
-import { C as CardWrapperContext } from './context-2a6dbb5c.js';
-import { L as LOCALE } from './Locale-430dcb88.js';
+import './utils-af29d4ec.js';
+import './index-37637d0b.js';
+import { H as HealthToolFormWrapper } from './index-fae251ac.js';
+import { C as CardWrapperContext } from './context-d0653977.js';
+import { L as LOCALE } from './Locale-0adccbb3.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 
@@ -75,7 +75,7 @@ const DefaultForm = (props) => {
                     } })),
             React__default.createElement(HealthToolFormWrapper.FormRow, null,
                 React__default.createElement(Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                        return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default.createElement(Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')), error: isTouched ? React__default.createElement(ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
+                        return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: locale !== LOCALE.Malaysia && (React__default.createElement(Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc'))), error: isTouched ? React__default.createElement(ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
                             React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
                                 React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
                                 React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
@@ -157,7 +157,7 @@ const InlineForm = (props) => {
                 } }),
             React__default.createElement(Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
                     return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
-                        React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default.createElement(Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')) },
+                        React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: locale !== LOCALE.Malaysia && (React__default.createElement(Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc'))) },
                             React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
                                 React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
                                 React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))),
@@ -165,14 +165,14 @@ const InlineForm = (props) => {
                                 size: 'p4',
                             }, sx: { marginTop: 6 } }))));
                 } }),
-            cardWrapperVariant === 'gray' ? (React__default.createElement(React__default.Fragment, null,
+            cardWrapperVariant === 'gray' || cardWrapperVariant === 'violet' ? (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Controller, { name: "newsletter", control: control, rules: (_g = bmiGenerated.newsletter) === null || _g === void 0 ? void 0 : _g.rule, render: (_a) => {
                         var _b = _a.field, { value, onChange, name } = _b, field = __rest(_b, ["value", "onChange", "name"]);
                         return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
                             React__default.createElement(Checkbox, Object.assign({ size: "sm", label: React__default.createElement(Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field))));
                     } }),
                 React__default.createElement(HealthToolFormWrapper.FormRow, { className: clsx(wrapperClasses.submitWrapper) },
-                    React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: clsx('bmi-btn bmi--btn-submit', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default.createElement(HealthToolFormWrapper.FormRow, { className: formWrapperClasses.newsletterBlock },
+                    React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: clsx('bmi-btn bmi--btn-submit', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default.createElement(HealthToolFormWrapper.FormRow, { className: clsx(formWrapperClasses.newsletterBlock, wrapperClasses.newsletterBlock) },
                 React__default.createElement(Stack, { spacing: 16 },
                     React__default.createElement(Controller, { name: "newsletter", control: control, rules: (_h = bmiGenerated.newsletter) === null || _h === void 0 ? void 0 : _h.rule, render: (_a) => {
                             var _b = _a.field, { value, onChange, name } = _b, field = __rest(_b, ["value", "onChange", "name"]);

package/build/esm/{index-71b72613.js → index-43dc48fb.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-b118691f.js';
+import { a as __awaiter } from './tslib.es6-e762d740.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-1937abf0.js';
-import { T as Text } from './index-bb365bc9.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-9718e038.js';
+import { H as Heading } from './index-301aaca5.js';
+import { T as Text } from './index-c75b1a77.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a2903503.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-cf46efda.js';
+import { D as DEFAULT_IMG } from './constants-ae3b54ce.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-7bde399d.js → index-45af3a61.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-2156d599.js';
-import { H as Heading } from './index-1937abf0.js';
-import { T as Text } from './index-bb365bc9.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-6b2ae50f.js';
+import { B as Button } from './index-27acc26d.js';
+import { H as Heading } from './index-301aaca5.js';
+import { T as Text } from './index-c75b1a77.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-af29d4ec.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-9718e038.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-a2903503.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-b118691f.js';
-import { I as Input } from './index-f116d4b6.js';
-import { u as useTranslations } from './index-34456794.js';
-import { e as formatComment } from './dataTransform-a3bf83d9.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-cf46efda.js';
+import { a as __awaiter } from './tslib.es6-e762d740.js';
+import { I as Input } from './index-330bb800.js';
+import { u as useTranslations } from './index-b900a61a.js';
+import { e as formatComment } from './dataTransform-bae020af.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-ae3b54ce.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-d9b9e37c.js';
-import { C as CardLink } from './index-71b72613.js';
-import { L as Loading } from './index-4ebc7f2b.js';
-import { U as UserAvatar } from './index-5e6547e1.js';
-import { R as RichTextEditor } from './editor-107faa6d.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-068573f0.js';
+import { C as CardLink } from './index-43dc48fb.js';
+import { L as Loading } from './index-019f301f.js';
+import { U as UserAvatar } from './index-e72a8a97.js';
+import { R as RichTextEditor } from './editor-aaf7b530.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-13dee856.js';
-import { C as CloseIcon } from './index-a4011d9f.js';
+import { P as Popup } from './index-4d0a6756.js';
+import { C as CloseIcon } from './index-d8bafc22.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-13dee856.js → index-4d0a6756.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6b2ae50f.js';
+import { M as MediaQueries } from './utils-af29d4ec.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-91611b15.js → index-51ac6725.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-4d01fd02.js';
+import { B as Button } from './index-a777f29a.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-0583783f.js → index-54f00f48.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-053a6851.js';
-import { T as Text } from './index-bb365bc9.js';
-import { _ as __rest } from './tslib.es6-b118691f.js';
+import { I as ImageWrap } from './index-cdf0e6ce.js';
+import { T as Text } from './index-c75b1a77.js';
+import { _ as __rest } from './tslib.es6-e762d740.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-ad7e7b1d.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-0a915ea0.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-0077ab11.js';
+import { Z as ZINDEX_SSO } from './index-8f27b332.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),

package/build/esm/{index-576567a3.js → index-55ca4fa4.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-6b2ae50f.js';
+import { t as toggleNoScroll } from './utils-af29d4ec.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-aee0eaa2.js';
-import { T as Text } from './index-bb365bc9.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-7dff800d.js';
+import { T as Text } from './index-c75b1a77.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-49fb924c.js → index-562deb9b.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-430dcb88.js';
-import { C as CommonGAssets } from './index-e15e57eb.js';
+import { L as LOCALE } from './Locale-0adccbb3.js';
+import { C as CommonGAssets } from './index-c2fd5bd4.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6b2ae50f.js';
-import { L as LogoIcon } from './logoIcon-c80f5fea.js';
-import './index-f28e90b4.js';
-import { I as ImageWrap } from './index-053a6851.js';
+import { M as MediaQueries } from './utils-af29d4ec.js';
+import { L as LogoIcon } from './logoIcon-ef593a8f.js';
+import './index-736b5fb1.js';
+import { I as ImageWrap } from './index-cdf0e6ce.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-ef9bfb4a.js → index-5b9cfd69.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b118691f.js';
+import { _ as __rest } from './tslib.es6-e762d740.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-adbd22de.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-b6a2b269.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-b502c3b3.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-0135bfb8.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-0ee959a1.js → index-5d635265.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-d2486e12.js';
-import { u as useTranslations } from './index-34456794.js';
+import { I as Icon } from './index-7df5a576.js';
+import { u as useTranslations } from './index-b900a61a.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-c8ec1596.js → index-6707f81e.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b118691f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e762d740.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-e15e57eb.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-b6a2b269.js';
-import { u as useScreenSize, I as ImageWrap } from './index-053a6851.js';
+import { C as CommonGAssets } from './index-c2fd5bd4.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-0135bfb8.js';
+import { u as useScreenSize, I as ImageWrap } from './index-cdf0e6ce.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-bb365bc9.js';
-import { t as themeColors } from './index-adbd22de.js';
+import { T as Text } from './index-c75b1a77.js';
+import { t as themeColors } from './index-b502c3b3.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-64d84854.js';
+import { a as useUniqueId } from './useUniqueId-d21700f1.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-4d01fd02.js';
+import { B as Button } from './index-a777f29a.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-a889cc13.js → index-67880380.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-b118691f.js';
+import { a as __awaiter } from './tslib.es6-e762d740.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-3dba3fb1.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-0077ab11.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-697e8827.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-8f27b332.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-430dcb88.js';
+import { L as LOCALE } from './Locale-0adccbb3.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-f28e90b4.js → index-736b5fb1.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-430dcb88.js';
+import { L as LOCALE } from './Locale-0adccbb3.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-d2486e12.js → index-7df5a576.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b118691f.js';
+import { _ as __rest } from './tslib.es6-e762d740.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-b6bd98f0.js';
-import { S as Spinner } from './Spinner-3bd9ff3f.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-5196cf19.js';
+import { S as Spinner } from './Spinner-c7b3fdab.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-e6a9827b.js → index-872c841c.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-b118691f.js';
+import { _ as __rest } from './tslib.es6-e762d740.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-0f6a308c.js';
-import { u as useTranslations } from './index-34456794.js';
-import { C as CommonGAssets } from './index-e15e57eb.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-cf46efda.js';
-import { G as GenderOptionControl } from './index-e7cb1bea.js';
-import { I as Input, S as Select } from './index-c8ec1596.js';
-import { D as DatePicker } from './index-c5b22a96.js';
-import './index-bb365bc9.js';
-import './index-4d01fd02.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-03f305ee.js';
+import { u as useTranslations } from './index-b900a61a.js';
+import { C as CommonGAssets } from './index-c2fd5bd4.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-ae3b54ce.js';
+import { G as GenderOptionControl } from './index-b8c7e61f.js';
+import { I as Input, S as Select } from './index-6707f81e.js';
+import { D as DatePicker } from './index-0482b783.js';
+import './index-c75b1a77.js';
+import './index-a777f29a.js';
 import '@mantine/core';
-import './index-b6a2b269.js';
-import './index.styles-317788a5.js';
+import './index-0135bfb8.js';
+import './index.styles-cb4d614a.js';
 import '@mantine/hooks';
-import './index-adbd22de.js';
-import './utils-6b2ae50f.js';
-import './index-b725069d.js';
-import './index-0077ab11.js';
-import { C as CardWrapperContext } from './context-2a6dbb5c.js';
-import { H as HealthToolFormWrapper } from './index-62f5f9c7.js';
+import './index-b502c3b3.js';
+import './utils-af29d4ec.js';
+import './index-37637d0b.js';
+import './index-8f27b332.js';
+import { C as CardWrapperContext } from './context-d0653977.js';
+import { H as HealthToolFormWrapper } from './index-fae251ac.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-e5602004.js → index-875758d0.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-b118691f.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-e762d740.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-bd39967e.js';
-import { u as useTranslations } from './index-34456794.js';
+import { D as Dropdown } from './index-bf1f0c6a.js';
+import { u as useTranslations } from './index-b900a61a.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-c8ec1596.js';
+import { I as Input$1 } from './index-6707f81e.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-0077ab11.js';
-import './index-f28e90b4.js';
-import './index-e15e57eb.js';
-import './index-adbd22de.js';
-import { T as Text } from './index-bb365bc9.js';
-import { B as Button } from './index-4d01fd02.js';
-import './index-b6a2b269.js';
-import './index.styles-317788a5.js';
+import './index-8f27b332.js';
+import './index-736b5fb1.js';
+import './index-c2fd5bd4.js';
+import './index-b502c3b3.js';
+import { T as Text } from './index-c75b1a77.js';
+import { B as Button } from './index-a777f29a.js';
+import './index-0135bfb8.js';
+import './index.styles-cb4d614a.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-6b2ae50f.js';
-import './index-b725069d.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-7bde399d.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-9718e038.js';
+import { M as MediaQueries } from './utils-af29d4ec.js';
+import './index-37637d0b.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-45af3a61.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-a2903503.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-a3bf83d9.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-cf46efda.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-d9b9e37c.js';
-import { C as CardAuthor } from './index-4ccca1ec.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-107faa6d.js';
-import { I as Input } from './index-f116d4b6.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-bae020af.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-ae3b54ce.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-068573f0.js';
+import { C as CardAuthor } from './index-c8a3371c.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-aaf7b530.js';
+import { I as Input } from './index-330bb800.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-0ee959a1.js';
-import { C as CardLink } from './index-71b72613.js';
-import { B as BtnChoice } from './index-91611b15.js';
-import { L as LOCALE } from './Locale-430dcb88.js';
+import { L as Loading } from './index-5d635265.js';
+import { C as CardLink } from './index-43dc48fb.js';
+import { B as BtnChoice } from './index-51ac6725.js';
+import { L as LOCALE } from './Locale-0adccbb3.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-4ebc7f2b.js';
-import { b as IconArrowLeft } from './index-a4011d9f.js';
-import { B as Button$1 } from './index-2156d599.js';
+import { L as Loading$1 } from './index-019f301f.js';
+import { b as IconArrowLeft } from './index-d8bafc22.js';
+import { B as Button$1 } from './index-27acc26d.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-64d84854.js';
-import { U as UserAvatar } from './index-5e6547e1.js';
-import { P as PopoverMenu } from './index-4bb7cd52.js';
+import { a as useUniqueId } from './useUniqueId-d21700f1.js';
+import { U as UserAvatar } from './index-e72a8a97.js';
+import { P as PopoverMenu } from './index-9958fd25.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-45bd6788.js → index-8d668350.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-b118691f.js';
+import { _ as __rest } from './tslib.es6-e762d740.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-c8ec1596.js';
+import './index-6707f81e.js';
 import '@mantine/dates';
-import './index-0077ab11.js';
-import './index-f28e90b4.js';
-import './index-e15e57eb.js';
-import './index-adbd22de.js';
-import { T as Text } from './index-bb365bc9.js';
-import './index-4d01fd02.js';
-import { F as FontWeight } from './index-b6a2b269.js';
-import './index.styles-317788a5.js';
-import { u as useTranslations } from './index-34456794.js';
+import './index-8f27b332.js';
+import './index-736b5fb1.js';
+import './index-c2fd5bd4.js';
+import './index-b502c3b3.js';
+import { T as Text } from './index-c75b1a77.js';
+import './index-a777f29a.js';
+import { F as FontWeight } from './index-0135bfb8.js';
+import './index.styles-cb4d614a.js';
+import { u as useTranslations } from './index-b900a61a.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-6b2ae50f.js';
-import './index-b725069d.js';
-import { C as CardWrapperContext } from './context-2a6dbb5c.js';
+import { M as MediaQueries } from './utils-af29d4ec.js';
+import './index-37637d0b.js';
+import { C as CardWrapperContext } from './context-d0653977.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';
@@ -236,7 +236,7 @@ const Body = (_a) => {
 var useStyles = createStyles((theme, { isPregTool, variant }) => {
     const isMarryBaby = theme.other.template === 'mb';
     return {
-        root: Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', borderRadius: rem(isMarryBaby ? 16 : 8) }, (variant === 'default' && {
+        root: Object.assign(Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', borderRadius: rem(isMarryBaby ? 16 : 8) }, (variant === 'default' && {
             backgroundColor: '#fff',
             border: `1px solid ${isMarryBaby
                 ? theme.colors.mb[2]
@@ -245,15 +245,20 @@ var useStyles = createStyles((theme, { isPregTool, variant }) => {
                     : theme.colors.blue[2]}`,
         })), (variant === 'gray' && {
             backgroundColor: theme.colors.neutral[0],
+        })), (variant === 'violet' && {
+            backgroundColor: theme.colors.violet[0],
         })),
         submitBtn: {},
         bodyWrapper: {},
         scrollAreaWrapper: {},
-        bannerWrapper: Object.assign({}, (variant === 'gray' && {
+        bannerWrapper: Object.assign(Object.assign({}, (variant === 'gray' && {
+            backgroundColor: 'transparent',
+            padding: `${rem(16)} ${rem(16)} 0`,
+        })), (variant === 'violet' && {
             backgroundColor: 'transparent',
             padding: `${rem(16)} ${rem(16)} 0`,
         })),
-        bannerHeading: Object.assign({}, (variant === 'gray' && {
+        bannerHeading: Object.assign({}, ((variant === 'gray' || variant === 'violet') && {
             fontSize: rem(20),
             lineHeight: rem(28),
             fontWeight: FontWeight.semiBold,
@@ -262,7 +267,7 @@ var useStyles = createStyles((theme, { isPregTool, variant }) => {
                 lineHeight: rem(24),
             },
         })),
-        bannerReviewText: Object.assign({}, (variant === 'gray' && {
+        bannerReviewText: Object.assign({}, ((variant === 'gray' || variant === 'violet') && {
             fontSize: rem(14),
             lineHeight: rem(22),
             [theme.fn.smallerThan('sm')]: {
@@ -270,7 +275,7 @@ var useStyles = createStyles((theme, { isPregTool, variant }) => {
                 lineHeight: rem(18),
             },
         })),
-        submitWrapper: Object.assign({ [theme.fn.smallerThan('sm')]: {
+        submitWrapper: Object.assign(Object.assign({ [theme.fn.smallerThan('sm')]: {
                 button: {
                     width: '100%',
                 },
@@ -281,8 +286,17 @@ var useStyles = createStyles((theme, { isPregTool, variant }) => {
             button: {
                 marginTop: 10,
             },
+        })), (variant === 'violet' && {
+            backgroundColor: theme.colors.violet[0],
+            button: {
+                marginTop: 10,
+            },
+        })),
+        newsletterBlock: Object.assign(Object.assign({}, (variant === 'gray' && {
+            backgroundColor: theme.colors.neutral[0],
+        })), (variant === 'violet' && {
+            backgroundColor: theme.colors.violet[0],
         })),
-        newsletterBlock: {},
     };
 });
 

package/build/esm/{index-0077ab11.js → index-8f27b332.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-f28e90b4.js';
+import './index-736b5fb1.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-430dcb88.js';
+import { L as LOCALE } from './Locale-0adccbb3.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -806,6 +806,7 @@ var SERVICE_TYPE;
     SERVICE_TYPE["VACCINE"] = "VACCINE";
     SERVICE_TYPE["IVF"] = "IVF";
     SERVICE_TYPE["EGG_FREEZING"] = "EGG_FREEZING";
+    SERVICE_TYPE["HEALTH_SCREENER"] = "HEALTH_SCREENER";
 })(SERVICE_TYPE || (SERVICE_TYPE = {}));
 
 var index = /*#__PURE__*/Object.freeze({