@hhgtech/hhg-components 1.29.447 → 1.29.449-beta-1

package/build/esm/i18n-values/vi-VN_MB.js

@@ -127,10 +127,14 @@ var mbTranslations = {
 	"bmi.heightInput": "Bạn cao bao nhiêu?",
 	"bmi.heightInput.desc": "(cm)",
 	"bmi.heightInput.error": "Vui lòng nhập chiều cao chính xác",
+	"bmi.newsletter.label": "Nhận tư vấn giảm cân hiệu quả: Cập nhật phương pháp điều trị và hỗ trợ từ chuyên gia qua email.",
 	"bmi.objective": "Mục tiêu của bạn",
 	"bmi.objective.gainWeight": "Phát triển cơ bắp",
 	"bmi.objective.loseWeight": "Giảm mỡ thừa",
 	"bmi.objective.maintainWeight": "Duy trì cân nặng",
+	"bmi.question.glp1Awareness": "Bạn biết về thuốc GLP-1 chưa?",
+	"bmi.question.glp1Awareness.desc": "Đây là nhóm thuốc giúp kiểm soát cân nặng bằng cách giảm cảm giác thèm ăn và làm chậm quá trình tiêu hoá.",
+	"bmi.question.weightLossSupport": "Bạn quan tâm đến điều trị, hỗ trợ giảm cân không?",
 	"bmi.result.healthy": "Khỏe mạnh",
 	"bmi.result.overweight": "Thừa cân",
 	"bmi.result.underweight": "Thiếu cân",
@@ -342,6 +346,7 @@ var mbTranslations = {
 	"gender.female": "Nữ",
 	"gender.girl": "Bé gái",
 	"gender.male": "Nam",
+	"genderOptsSelectControl.placeholder": "Chọn",
 	"healthToolPNModal.back": "Quay lại",
 	"healthToolPNModal.findMore.chooseFav": "Các chủ đề yêu thích khác của bạn",
 	"healthToolPNModal.finish": "Hoàn tất",
@@ -353,6 +358,8 @@ var mbTranslations = {
 	"healthToolPNModal.yourPre": "Chủ đề bạn yêu thích",
 	"healthTools.dueDateCalculator": "Công cụ tính ngày dự sinh",
 	"healthTools.ovulationCalculator": "Công cụ tính ngày rụng trứng",
+	"healthToolsForm.editInProfile": "Sửa thông tin",
+	"healthToolsForm.label.yourBirthday": "Ngày sinh của bạn",
 	"healthtool.placeholder.age": "Số tuổi",
 	"home.calcWithApp": "Tính ngay với Hello Bacsi app",
 	"home.menu.category.view": "Xem {category}",

package/build/esm/i18n-values/zh-SG.js

@@ -127,10 +127,14 @@ var zhSGTranslations = {
 	"bmi.heightInput": "您的身高？",
 	"bmi.heightInput.desc": "（公分）",
 	"bmi.heightInput.error": "请输入合理的身高范围",
+	"bmi.newsletter.label": "保持关注，轻松减重：获取有关减重治疗和支持的专家资讯，直接发送到您的邮箱。",
 	"bmi.objective": "目标",
 	"bmi.objective.gainWeight": "增肌",
 	"bmi.objective.loseWeight": "减脂",
 	"bmi.objective.maintainWeight": "维持体重",
+	"bmi.question.glp1Awareness": "您是否了解 GLP-1 治疗？",
+	"bmi.question.glp1Awareness.desc": "这是一类通过抑制食欲和减缓消化来帮助体重管理的药物。",
+	"bmi.question.weightLossSupport": "您是否对减重治疗/支持感兴趣？",
 	"bmi.result.healthy": "体重正常",
 	"bmi.result.overweight": "体重过重",
 	"bmi.result.underweight": "体重过轻",
@@ -342,6 +346,7 @@ var zhSGTranslations = {
 	"gender.female": "女性",
 	"gender.girl": "女生",
 	"gender.male": "男性",
+	"genderOptsSelectControl.placeholder": "选择",
 	"healthToolPNModal.back": "返回",
 	"healthToolPNModal.findMore.chooseFav": "从您喜欢的主题中选择",
 	"healthToolPNModal.finish": "完成",
@@ -353,6 +358,8 @@ var zhSGTranslations = {
 	"healthToolPNModal.yourPre": "您的偏好",
 	"healthTools.dueDateCalculator": "预产期计算机",
 	"healthTools.ovulationCalculator": "排卵期计算机",
+	"healthToolsForm.editInProfile": "在个人档案中编辑",
+	"healthToolsForm.label.yourBirthday": "您的生日日期",
 	"healthtool.placeholder.age": "您的年龄",
 	"home.calcWithApp": "在Hello 健康程序内计算",
 	"home.menu.category.view": "查看类别：{category}",

package/build/esm/i18n-values/zh-TW.js

@@ -127,10 +127,14 @@ var zhTranslations = {
 	"bmi.heightInput": "你的身高？",
 	"bmi.heightInput.desc": "（公分）",
 	"bmi.heightInput.error": "請輸入合理的身高範圍",
+	"bmi.newsletter.label": "關鍵新知不漏接！接收最新的減重趨勢與實用建議，幫你保持最佳狀態。",
 	"bmi.objective": "目標",
 	"bmi.objective.gainWeight": "增加肌肉",
 	"bmi.objective.loseWeight": "減少體脂肪",
 	"bmi.objective.maintainWeight": "維持體重",
+	"bmi.question.glp1Awareness": "您聽過 GLP-1 腸泌素減重嗎？",
+	"bmi.question.glp1Awareness.desc": "*GLP‑1 是一種腸泌素受體促效劑，最初用於治療第二型糖尿病，但因為其抑制食慾、延緩胃排空、並提升飽足感的效果，經衛生主管機關核可後，也被用來治療減重（各藥廠有不同品名，民間慣稱為「瘦瘦針」）。",
+	"bmi.question.weightLossSupport": "您有興趣了解減重治療或其他減重方法嗎？",
 	"bmi.result.healthy": "體重正常",
 	"bmi.result.overweight": "過重",
 	"bmi.result.underweight": "體重過輕",
@@ -342,6 +346,7 @@ var zhTranslations = {
 	"gender.female": "女性",
 	"gender.girl": "女生",
 	"gender.male": "男性",
+	"genderOptsSelectControl.placeholder": "選擇",
 	"healthToolPNModal.back": "Back",
 	"healthToolPNModal.findMore.chooseFav": "Choose from your favorite topics\n",
 	"healthToolPNModal.finish": "完成",
@@ -353,6 +358,8 @@ var zhTranslations = {
 	"healthToolPNModal.yourPre": "Your preferences",
 	"healthTools.dueDateCalculator": "預產期計算機",
 	"healthTools.ovulationCalculator": "排卵期計算機",
+	"healthToolsForm.editInProfile": "在個人資料中編輯",
+	"healthToolsForm.label.yourBirthday": "您的生日",
 	"healthtool.placeholder.age": "您的年齡",
 	"home.calcWithApp": "Calculate on Hello Bacsi app",
 	"home.menu.category.view": "查看類別：{category}",
@@ -388,7 +395,7 @@ var zhTranslations = {
 	"home.navigator.menuItem.allHealthTools": "看所有健康小工具",
 	"home.navigator.menuItem.allSpecialties": "All specialties",
 	"home.navigator.menuItem.allSpotlight": "看更多主題",
-	"home.navigator.menuItem.allVideos": "See All Videos",
+	"home.navigator.menuItem.allVideos": "查看所有影片",
 	"home.navigator.menuItem.discover": "探索",
 	"home.navigator.menuItem.healthCategories": "更多類別",
 	"home.navigator.menuItem.healthTools": "健康小工具",
@@ -400,8 +407,8 @@ var zhTranslations = {
 	"home.navigator.menuItem.new": "new",
 	"home.navigator.menuItem.specialties": "Specialties",
 	"home.navigator.menuItem.spotlights": "所有主題",
-	"home.navigator.menuItem.video": "Video",
-	"home.navigator.menuItem.videoCategories": "Video Categories",
+	"home.navigator.menuItem.video": "影片",
+	"home.navigator.menuItem.videoCategories": "影片分類",
 	"home.search": "搜尋{site}",
 	"home.seeAll": "看全部",
 	"home.seeAllCategories": "看更多",

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-59e5652c.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-d462a8ab.js';
+export { T as TranslationsContext } from './translationsContext-47869a7a.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-43170b3d.js';
 import 'react';
 import './i18n-values/en-PH.js';
 import './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-59e5652c.js';
-export { T as TranslationsContext } from './translationsContext-59e5652c.js';
+import { T as TranslationsContext } from './translationsContext-47869a7a.js';
+export { T as TranslationsContext } from './translationsContext-47869a7a.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-e539fbcb.js → index-01f29ab0.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-e97a55a1.js';
+import { C as Container } from './index-89cc39f2.js';
 import dayjs from 'dayjs';
-import './index-73f4d56a.js';
-import './index-85894b46.js';
+import './index-39bf919c.js';
+import './index-d7bd249f.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-52825707.js';
-import './index-f59d4d8a.js';
-import './index-d830bd64.js';
-import { T as Text } from './index-f65d577c.js';
-import './index-206b9bef.js';
-import './index.styles-590ff17d.js';
-import './translationsContext-59e5652c.js';
+import './index-d18ed0e7.js';
+import './index-f8a949a8.js';
+import './index-5d273446.js';
+import { T as Text } from './index-15687d4c.js';
+import './index-3d2078ab.js';
+import './index-d0dddda4.js';
+import './index.styles-25051c24.js';
+import './translationsContext-47869a7a.js';
 import '@mantine/hooks';
-import './text-6f2656a6.js';
-import { M as MediaQueries } from './utils-05e3b4d6.js';
-import './index-13586e44.js';
-import { u as useScreenSize } from './index-5efeab14.js';
+import { M as MediaQueries } from './utils-ff8e88ec.js';
+import './index-0bb898db.js';
+import { u as useScreenSize } from './index-5e4c4c9c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-c2e955e0.js';
-import { M as MarryBabyText } from './index-b5a3b1e3.js';
+import { L as Logo } from './index-924e34d7.js';
+import { M as MarryBabyText } from './index-a751bf63.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-75316c1e.js → index-031d8fd9.js}

@@ -1,20 +1,21 @@
-import { _ as __rest } from './tslib.es6-5a49ecfc.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { createContext, useContext } from 'react';
-import { useMantineTheme } from '@mantine/core';
+import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-85894b46.js';
-import { D as DatePicker } from './index-2bfb2578.js';
-import './index-f65d577c.js';
-import './index-206b9bef.js';
-import './index.styles-590ff17d.js';
-import { u as useTranslations } from './index-59da60a7.js';
+import './index-d7bd249f.js';
+import { D as DatePicker } from './index-6d40879d.js';
+import './index-15687d4c.js';
+import './index-3d2078ab.js';
+import './index-d0dddda4.js';
+import './index.styles-25051c24.js';
+import { u as useTranslations } from './index-e6601f2c.js';
 import '@mantine/hooks';
-import './index-d830bd64.js';
-import './text-6f2656a6.js';
-import './utils-05e3b4d6.js';
-import './index-13586e44.js';
-import { H as HealthToolFormWrapper } from './index-89ad9053.js';
-import { G as GenderOptionControl } from './index-0a769c42.js';
+import './index-5d273446.js';
+import './utils-ff8e88ec.js';
+import './index-0bb898db.js';
+import { C as CardWrapperContext } from './context-98f996bd.js';
+import { H as HealthToolFormWrapper } from './index-d0b44796.js';
+import { G as GenderOptionControl } from './index-481eacef.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});
@@ -23,18 +24,23 @@ const DefaultLayout = (_a) => {
     var props = __rest(_a, []);
     const { t } = useTranslations();
     const { currentUrl, submitProps, form } = useContext(BabyVaccineFormContext);
+    const { classes: wrapperClasses = {} } = useContext(CardWrapperContext);
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default.createElement(GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender'))),
-        React__default.createElement(DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
-                withinPortal: true,
-            }, maxDate: new Date() }, form.getInputProps('age'))),
-        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default.createElement(HealthToolFormWrapper.FormRow, null,
+            React__default.createElement(GenderOptionControl, Object.assign({ isBaby: true }, form.getInputProps('gender')))),
+        React__default.createElement(HealthToolFormWrapper.FormRow, null,
+            React__default.createElement(DatePicker, Object.assign({ label: t('babyGrowth.input.birthday'), placeholder: 'DD/MM/YYYY', popoverProps: {
+                    withinPortal: true,
+                }, maxDate: new Date() }, form.getInputProps('age')))),
+        React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: clsx('due-date-calculate-button', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 
 const InlineLayout = (_a) => {
     var props = __rest(_a, []);
     const { t } = useTranslations();
     const { currentUrl, submitProps, form } = useContext(BabyVaccineFormContext);
+    const { classes: wrapperClasses = {} } = useContext(CardWrapperContext);
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectBabyGender'), width: 'none' },
@@ -46,7 +52,8 @@ const InlineLayout = (_a) => {
                         withinPortal: true,
                     }, maxDate: new Date() }, form.getInputProps('age'), { error: null }))),
             form.errors.age && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.age))),
-        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default.createElement(HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: clsx('due-date-calculate-button', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "Vaccination Tool", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 
 const MbLayout = (_a) => {

package/build/esm/{index-f91f9374.js → index-06b7253e.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-05e3b4d6.js';
+import { t as toggleNoScroll } from './utils-ff8e88ec.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-86d8094f.js';
-import { T as Text } from './index-f65d577c.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-6d6baf4d.js';
+import { T as Text } from './index-15687d4c.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-01c420c3.js → index-07eda20c.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-7e9ecaa8.js';
+import { u as useScrollbarSize } from './useScrollbarSize-918780cb.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-05e3b4d6.js';
+import { M as MediaQueries } from './utils-ff8e88ec.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-4dec57f9.js → index-0af20676.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-5a49ecfc.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8570c30c.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-94baa100.js';
-import { u as useTranslations } from './index-59da60a7.js';
+import { D as Dropdown } from './index-38d108b8.js';
+import { u as useTranslations } from './index-e6601f2c.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-85894b46.js';
+import { I as Input$1 } from './index-d7bd249f.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-73f4d56a.js';
-import './index-52825707.js';
-import './index-f59d4d8a.js';
-import './index-d830bd64.js';
-import { T as Text } from './index-f65d577c.js';
-import { B as Button } from './index-206b9bef.js';
-import './index.styles-590ff17d.js';
+import './index-39bf919c.js';
+import './index-d18ed0e7.js';
+import './index-f8a949a8.js';
+import './index-5d273446.js';
+import { T as Text } from './index-15687d4c.js';
+import { B as Button } from './index-3d2078ab.js';
+import './index-d0dddda4.js';
+import './index.styles-25051c24.js';
 import '@mantine/hooks';
-import './text-6f2656a6.js';
-import { M as MediaQueries } from './utils-05e3b4d6.js';
-import './index-13586e44.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-d7959b93.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-766da2de.js';
+import { M as MediaQueries } from './utils-ff8e88ec.js';
+import './index-0bb898db.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-ab3cba47.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-3c6f8119.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-d43fdd1a.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-e72098ce.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-012251c0.js';
-import { C as CardAuthor } from './index-7428f659.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-30aa3ad6.js';
-import { I as Input } from './index-176c6145.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-fa959101.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-1f90e5f6.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-ec40efed.js';
+import { C as CardAuthor } from './index-433f52c6.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-de9c6a96.js';
+import { I as Input } from './index-48639f99.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-c01214fe.js';
-import { C as CardLink } from './index-99a46d0d.js';
-import { B as BtnChoice } from './index-50141363.js';
-import { L as LOCALE } from './Locale-4ae68452.js';
+import { L as Loading } from './index-989914c3.js';
+import { C as CardLink } from './index-772d6fb3.js';
+import { B as BtnChoice } from './index-4be0a9b5.js';
+import { L as LOCALE } from './Locale-932c7523.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-5f94e77c.js';
-import { b as IconArrowLeft } from './index-e2a6f850.js';
-import { B as Button$1 } from './index-b79fc8a1.js';
+import { L as Loading$1 } from './index-36cec9eb.js';
+import { b as IconArrowLeft } from './index-8d158d43.js';
+import { B as Button$1 } from './index-b88aba78.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-e98a7e5c.js';
-import { U as UserAvatar } from './index-0765c99d.js';
-import { P as PopoverMenu } from './index-ef25e2e6.js';
+import { a as useUniqueId } from './useUniqueId-bbc9ce62.js';
+import { U as UserAvatar } from './index-dd14e9a1.js';
+import { P as PopoverMenu } from './index-ea4d7712.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-13586e44.js → index-0bb898db.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-5a49ecfc.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-206b9bef.js';
-import { T as Text } from './index-f65d577c.js';
+import { B as Button } from './index-3d2078ab.js';
+import { T as Text } from './index-15687d4c.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-d50d23fa.js → index-0ea1ee9e.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-5a49ecfc.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-73f4d56a.js';
+import { Z as ZINDEX_SSO } from './index-39bf919c.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-2dda251a.js → index-10f55eb5.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-b5a3b1e3.js';
-import { T as Text } from './index-09db0e94.js';
+import { M as MarryBabyText } from './index-a751bf63.js';
+import { T as Text } from './index-ad055c3e.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-f65d577c.js → index-15687d4c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-5a49ecfc.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-6f2656a6.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-d0dddda4.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -36,11 +36,12 @@ const Text = forwardRef((_a, ref) => {
     var _b;
     var { size, color, weight, as = 'p', styles, className, dataEventCategory, dataEventAction, dataEventLabel, variant } = _a, rest = __rest(_a, ["size", "color", "weight", "as", "styles", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "variant"]);
     const theme = useMantineTheme();
+    const variantStyle = useTemplateVariant();
     const { classes, cx } = useStyles({
         size,
         weight: weight === 'caption' ? 'bold' : weight,
         as,
-        customStylesType: theme.other.customStyleType || CustomStylesType.NONE,
+        customStylesType: variantStyle,
     }, {
         name: 'Text',
         styles,

package/build/esm/{index-54914b2a.js → index-17c80719.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-59da60a7.js';
-import { B as Button } from './index-b79fc8a1.js';
+import { u as useTranslations } from './index-e6601f2c.js';
+import { B as Button } from './index-b88aba78.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-7aeb3d7d.js → index-19189f5a.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-176c6145.js';
+import { L as Label } from './index-48639f99.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-26bf6bd3.js → index-1ac4a2c6.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-5a49ecfc.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-f65d577c.js';
-import { u as useTranslations } from './index-59da60a7.js';
+import { T as Text } from './index-15687d4c.js';
+import { u as useTranslations } from './index-e6601f2c.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-8e283493.js → index-1d040d1d.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-5a49ecfc.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-b79fc8a1.js';
-import { H as Heading } from './index-623e7f2c.js';
-import { u as useTranslations } from './index-59da60a7.js';
+import { B as Button } from './index-b88aba78.js';
+import { H as Heading } from './index-fd175154.js';
+import { u as useTranslations } from './index-e6601f2c.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-d7959b93.js';
-import { C as CommonGAssets } from './index-f59d4d8a.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-e72098ce.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-ab3cba47.js';
+import { C as CommonGAssets } from './index-f8a949a8.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-1f90e5f6.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-766da2de.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-6cabe5c3.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-3c6f8119.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-8c07f29a.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-05e3b4d6.js';
+import { M as MediaQueries } from './utils-ff8e88ec.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-d43fdd1a.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-fa959101.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-99a46d0d.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-7428f659.js';
-import { a as ProfileDetail, P as PostContent } from './index-8d52f569.js';
-import { a as PostImagePreview } from './index-e2a6f850.js';
-import { S as SocialLinkPreview } from './index-bf012932.js';
-import { D as Divider } from './index-4cd8b0f6.js';
-import './index-73f4d56a.js';
+import { C as CardLink } from './index-772d6fb3.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-433f52c6.js';
+import { a as ProfileDetail, P as PostContent } from './index-bf52a414.js';
+import { a as PostImagePreview } from './index-8d158d43.js';
+import { S as SocialLinkPreview } from './index-27467701.js';
+import { D as Divider } from './index-486fecd7.js';
+import './index-39bf919c.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-176c6145.js';
-import { T as Text } from './index-f65d577c.js';
-import { L as Loading } from './index-5f94e77c.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-fdde228f.js';
+import { I as Input } from './index-48639f99.js';
+import { T as Text } from './index-15687d4c.js';
+import { L as Loading } from './index-36cec9eb.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-a4d2f4ed.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-bf012932.js → index-27467701.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-5a49ecfc.js';
+import { a as __awaiter } from './tslib.es6-8570c30c.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-5efeab14.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-766da2de.js';
+import { I as ImageWrap } from './index-5e4c4c9c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-3c6f8119.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-e72098ce.js';
-import { y as youtubeVidIdGetter } from './post-012251c0.js';
-import { L as Loading } from './index-5f94e77c.js';
+import { D as DEFAULT_IMG } from './constants-1f90e5f6.js';
+import { y as youtubeVidIdGetter } from './post-ec40efed.js';
+import { L as Loading } from './index-36cec9eb.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-b0854ce5.js → index-2ad629e0.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-5a49ecfc.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-590ff17d.js';
+import { u as useStyles } from './index.styles-25051c24.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-5f94e77c.js → index-36cec9eb.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-b79fc8a1.js';
-import { u as useTranslations } from './index-59da60a7.js';
+import { B as Button } from './index-b88aba78.js';
+import { u as useTranslations } from './index-e6601f2c.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-73f4d56a.js → index-39bf919c.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-52825707.js';
+import './index-d18ed0e7.js';
 import { siteHost, siteOptions } 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-4ae68452.js';
+import { L as LOCALE } from './Locale-932c7523.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;