@hhgtech/hhg-components 1.29.317 → 1.29.319

package/build/esm/i18n-values/my-MM.js

@@ -569,9 +569,11 @@ var myTranslations = {
 	"ssov2.button.cancel": "Cancel",
 	"ssov2.button.continue": "Continue",
 	"ssov2.button.continueSMS": "Continue with SMS",
+	"ssov2.button.continueWhatsApp": "Continue with WhatsApp",
 	"ssov2.button.continueZalo": "Continue with Zalo",
 	"ssov2.button.exitNow": "I want to exit now",
 	"ssov2.button.otp.sms": "Send OTP Code via SMS",
+	"ssov2.button.otp.whatsapp": "Send OTP Code via WhatsApp",
 	"ssov2.button.otp.zalo": "Send OTP Code via Zalo",
 	"ssov2.button.save": "Save",
 	"ssov2.button.setupLater": "Setup later",
@@ -662,6 +664,8 @@ var myTranslations = {
 	"ssov2.error.api.078": "The email was exist",
 	"ssov2.error.api.079": "Too many messages",
 	"ssov2.error.api.080": "The selected otp code is invalid",
+	"ssov2.error.api.082": "The password must contain at least one uppercase and one lowercase letter.",
+	"ssov2.error.api.083": "Sent Whatsapp OTP failed",
 	"ssov2.error.facebookLogin": "Facebook login failed",
 	"ssov2.error.googleLogin": "Error login with Google",
 	"ssov2.first.country.code": "Country Code",

package/build/esm/i18n-values/th-TH.js

@@ -569,9 +569,11 @@ var thTranslations = {
 	"ssov2.button.cancel": "Cancel",
 	"ssov2.button.continue": "Continue",
 	"ssov2.button.continueSMS": "Continue with SMS",
+	"ssov2.button.continueWhatsApp": "Continue with WhatsApp",
 	"ssov2.button.continueZalo": "Continue with Zalo",
 	"ssov2.button.exitNow": "I want to exit now",
 	"ssov2.button.otp.sms": "Send OTP Code via SMS",
+	"ssov2.button.otp.whatsapp": "Send OTP Code via WhatsApp",
 	"ssov2.button.otp.zalo": "Send OTP Code via Zalo",
 	"ssov2.button.save": "Save",
 	"ssov2.button.setupLater": "Setup later",
@@ -662,6 +664,8 @@ var thTranslations = {
 	"ssov2.error.api.078": "The email was exist",
 	"ssov2.error.api.079": "Too many messages",
 	"ssov2.error.api.080": "The selected otp code is invalid",
+	"ssov2.error.api.082": "The password must contain at least one uppercase and one lowercase letter.",
+	"ssov2.error.api.083": "Sent Whatsapp OTP failed",
 	"ssov2.error.facebookLogin": "Facebook login failed",
 	"ssov2.error.googleLogin": "Error login with Google",
 	"ssov2.first.country.code": "Country Code",

package/build/esm/i18n-values/tl-PH.js

@@ -569,9 +569,11 @@ var tlTranslations = {
 	"ssov2.button.cancel": "Cancel",
 	"ssov2.button.continue": "Continue",
 	"ssov2.button.continueSMS": "Continue with SMS",
+	"ssov2.button.continueWhatsApp": "Continue with WhatsApp",
 	"ssov2.button.continueZalo": "Continue with Zalo",
 	"ssov2.button.exitNow": "I want to exit now",
 	"ssov2.button.otp.sms": "Send OTP Code via SMS",
+	"ssov2.button.otp.whatsapp": "Send OTP Code via WhatsApp",
 	"ssov2.button.otp.zalo": "Send OTP Code via Zalo",
 	"ssov2.button.save": "Save",
 	"ssov2.button.setupLater": "Setup later",
@@ -662,6 +664,8 @@ var tlTranslations = {
 	"ssov2.error.api.078": "The email was exist",
 	"ssov2.error.api.079": "Too many messages",
 	"ssov2.error.api.080": "The selected otp code is invalid",
+	"ssov2.error.api.082": "The password must contain at least one uppercase and one lowercase letter.",
+	"ssov2.error.api.083": "Sent Whatsapp OTP failed",
 	"ssov2.error.facebookLogin": "Facebook login failed",
 	"ssov2.error.googleLogin": "Error login with Google",
 	"ssov2.first.country.code": "Country Code",

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

@@ -569,9 +569,11 @@ var viTranslations = {
 	"ssov2.button.cancel": "Huỷ bỏ",
 	"ssov2.button.continue": "Tiếp tục",
 	"ssov2.button.continueSMS": "Tiếp tục với SMS",
+	"ssov2.button.continueWhatsApp": "Tiếp tục với WhatsApp",
 	"ssov2.button.continueZalo": "Tiếp tục với Zalo",
 	"ssov2.button.exitNow": "Thoát",
 	"ssov2.button.otp.sms": "Gửi OTP qua SMS",
+	"ssov2.button.otp.whatsapp": "Gửi OTP qua WhatsApp",
 	"ssov2.button.otp.zalo": "Gửi OTP qua Zalo",
 	"ssov2.button.save": "Lưu",
 	"ssov2.button.setupLater": "Thiết lập sau",
@@ -662,6 +664,8 @@ var viTranslations = {
 	"ssov2.error.api.078": "Email đã được dùng",
 	"ssov2.error.api.079": "Bạn đang thao tác quá nhanh. Vui lòng chờ vài giây trước khi thực hiện yêu cầu tiếp theo.",
 	"ssov2.error.api.080": "Mã xác thực không hợp lệ",
+	"ssov2.error.api.082": "Mật khẩu phải chứa ít nhất một chữ hoa và một chữ thường.",
+	"ssov2.error.api.083": "Gửi mã WhatsApp OTP không thành công",
 	"ssov2.error.facebookLogin": "Đăng nhập bằng Facebook không thành công.",
 	"ssov2.error.googleLogin": "Đăng nhập bằng Google không thành công.",
 	"ssov2.first.country.code": "Mã vùng",

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

@@ -569,9 +569,11 @@ var mbTranslations = {
 	"ssov2.button.cancel": "Huỷ bỏ",
 	"ssov2.button.continue": "Tiếp tục",
 	"ssov2.button.continueSMS": "Tiếp tục với SMS",
+	"ssov2.button.continueWhatsApp": "Tiếp tục với WhatsApp",
 	"ssov2.button.continueZalo": "Tiếp tục với Zalo",
 	"ssov2.button.exitNow": "Thoát",
 	"ssov2.button.otp.sms": "Gửi OTP qua SMS",
+	"ssov2.button.otp.whatsapp": "Gửi OTP qua WhatsApp",
 	"ssov2.button.otp.zalo": "Gửi OTP qua Zalo",
 	"ssov2.button.save": "Lưu",
 	"ssov2.button.setupLater": "Thiết lập sau",
@@ -662,6 +664,8 @@ var mbTranslations = {
 	"ssov2.error.api.078": "Email đã được dùng",
 	"ssov2.error.api.079": "Bạn đang thao tác quá nhanh. Vui lòng chờ vài giây trước khi thực hiện yêu cầu tiếp theo.",
 	"ssov2.error.api.080": "Mã xác thực không hợp lệ",
+	"ssov2.error.api.082": "Mật khẩu phải chứa ít nhất một chữ hoa và một chữ thường.",
+	"ssov2.error.api.083": "Gửi mã WhatsApp OTP không thành công",
 	"ssov2.error.facebookLogin": "Đăng nhập bằng Facebook không thành công.",
 	"ssov2.error.googleLogin": "Đăng nhập bằng Google không thành công.",
 	"ssov2.first.country.code": "Mã vùng",

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

@@ -539,7 +539,7 @@ var zhTranslations = {
 	"profilePanel.experience": "Experiences",
 	"profilePanel.joined": "Joined",
 	"profilePanel.modal.heading": "Profile",
-	"profilePanel.publishcation": "Publishcations",
+	"profilePanel.publishcation": "Publications",
 	"profilePanel.publishedArticles": "Pulished article on Hello Bacsi",
 	"profilePanel.question": "Question",
 	"profilePanel.questionNotClear": "Question isn't clear",
@@ -569,9 +569,11 @@ var zhTranslations = {
 	"ssov2.button.cancel": "Cancel",
 	"ssov2.button.continue": "Continue",
 	"ssov2.button.continueSMS": "Continue with SMS",
+	"ssov2.button.continueWhatsApp": "Continue with WhatsApp",
 	"ssov2.button.continueZalo": "Continue with Zalo",
 	"ssov2.button.exitNow": "I want to exit now",
 	"ssov2.button.otp.sms": "Send OTP Code via SMS",
+	"ssov2.button.otp.whatsapp": "Send OTP Code via WhatsApp",
 	"ssov2.button.otp.zalo": "Send OTP Code via Zalo",
 	"ssov2.button.save": "Save",
 	"ssov2.button.setupLater": "Setup later",
@@ -662,6 +664,8 @@ var zhTranslations = {
 	"ssov2.error.api.078": "The email was exist",
 	"ssov2.error.api.079": "Too many messages",
 	"ssov2.error.api.080": "The selected otp code is invalid",
+	"ssov2.error.api.082": "The password must contain at least one uppercase and one lowercase letter.",
+	"ssov2.error.api.083": "Sent Whatsapp OTP failed",
 	"ssov2.error.facebookLogin": "Facebook login failed",
 	"ssov2.error.googleLogin": "Error login with Google",
 	"ssov2.first.country.code": "Country Code",

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-db19ea71.js';
-export { T as TranslationsContext } from './translationsContext-db19ea71.js';
+import { T as TranslationsContext } from './translationsContext-cb129b96.js';
+export { T as TranslationsContext } from './translationsContext-cb129b96.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

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

package/build/esm/{index-2787a114.js → index-00d45d5d.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-19fe97c5.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-85886458.js';
+import { u as useStyles } from './index.styles-1ced5cf6.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-a0f7887d.js → index-1d6355ef.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-19fe97c5.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-a90163f2.js → index-224b1ffd.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-19fe97c5.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-ba27e183.js';
-import { D as DatePicker } from './index-4a83c5da.js';
-import './index-feadf6fb.js';
-import './index-046b2cda.js';
-import './index.styles-85886458.js';
-import { u as useTranslations } from './index-8b011b95.js';
+import './index-9d956264.js';
+import { D as DatePicker } from './index-d11f456f.js';
+import './index-cfa693d6.js';
+import './index-9dffd07c.js';
+import './index.styles-1ced5cf6.js';
+import { u as useTranslations } from './index-65c5f9ff.js';
 import '@mantine/hooks';
-import './useMantineLocale-07dde661.js';
-import './index-34b4ff66.js';
-import './index-d8009eee.js';
-import './utils-0e26a9d9.js';
-import './index-ed0a2774.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
-import { H as HealthToolFormWrapper } from './index-8f97b0ff.js';
-import { G as GenderOptionControl } from './index-65efea55.js';
+import './useMantineLocale-92f2ea43.js';
+import './index-a415a0b9.js';
+import './index-ffb7f4b1.js';
+import './utils-e1e4fc34.js';
+import './index-87e48e6a.js';
+import './other-829bfc4e.js';
+import './index-98d12ee0.js';
+import { H as HealthToolFormWrapper } from './index-cf33fbac.js';
+import { G as GenderOptionControl } from './index-d041dccc.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-1d991672.js → index-22824646.js}

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

package/build/esm/{index-85d9c99a.js → index-2a2c81f0.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-44088813.js';
-import { d as BEARER_TOKEN_COOKIE } from './index-ed0a2774.js';
-import { N as NodeIntentType } from './index-34b4ff66.js';
+import { c as cookie } from './index-a03ee763.js';
+import { d as BEARER_TOKEN_COOKIE } from './index-87e48e6a.js';
+import { N as NodeIntentType } from './index-a415a0b9.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-d87f7f82.js → index-2a97ac41.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9354e23b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-19fe97c5.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-5fca5aca.js';
-import { L as Loading } from './index-b6151b78.js';
-import './index-34b4ff66.js';
-import { g as formatArticle } from './dataTransform-d0f23629.js';
+import { T as Tabs } from './index-98d12ee0.js';
+import { L as Loading } from './index-8c62f861.js';
+import './index-a415a0b9.js';
+import { g as formatArticle } from './dataTransform-71878d6f.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-f5300c3b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a5a9607a.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-29a96e92.js';
-import { L as LOCALE } from './Locale-b1a3e508.js';
+import { C as CardAuthor } from './index-827b01a9.js';
+import { L as LOCALE } from './Locale-113763dc.js';
 import '@hhgtech/icons/other';
-import './index-046b2cda.js';
-import './index-feadf6fb.js';
-import './other-9350905b.js';
-import './index-8b011b95.js';
-import './translationsContext-db19ea71.js';
-import './index-116089f5.js';
-import './index-44088813.js';
+import './index-9dffd07c.js';
+import './index-cfa693d6.js';
+import './other-829bfc4e.js';
+import './index-65c5f9ff.js';
+import './translationsContext-cb129b96.js';
+import './index-e23ba33a.js';
+import './index-a03ee763.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-f1633bde.js';
+import './constants-ec91ac43.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-0e26a9d9.js';
-import './index-e1e6daa8.js';
-import './paths-a1954205.js';
-import './constants-9126c0b8.js';
-import './index-ed0a2774.js';
+import './utils-e1e4fc34.js';
+import './index-864133e6.js';
+import './paths-b1ce59c4.js';
+import './constants-4f03c0d1.js';
+import './index-87e48e6a.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-b4fd4466.js';
+import './index-81d45397.js';
 import './miscTheme.js';
-import './WhatsApp-4e9af54c.js';
-import './Spinner-8c68b183.js';
-import './index-41bafd09.js';
+import './WhatsApp-ea897797.js';
+import './Spinner-00ba6eea.js';
+import './index-48b1b0d8.js';
 import '@emotion/styled';
-import './useScreenSize-37e3e212.js';
-import './index-d8009eee.js';
+import './useScreenSize-b9c63fd4.js';
+import './index-ffb7f4b1.js';
 import '@emotion/react';
-import './index-36823b40.js';
-import './index-2787a114.js';
-import './index.styles-85886458.js';
+import './index-67962b2a.js';
+import './index-00d45d5d.js';
+import './index.styles-1ced5cf6.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-f211c9e4.js → index-30d78691.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-19fe97c5.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-3f7ee8b6.js';
-import { u as useTranslations } from './index-8b011b95.js';
-import { C as CommonGAssets } from './index-d8009eee.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-f1633bde.js';
-import { G as GenderOptionControl } from './index-65efea55.js';
-import { I as Input, S as Select } from './index-ba27e183.js';
-import { D as DatePicker } from './index-4a83c5da.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-9ae49071.js';
+import { u as useTranslations } from './index-65c5f9ff.js';
+import { C as CommonGAssets } from './index-ffb7f4b1.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-ec91ac43.js';
+import { G as GenderOptionControl } from './index-d041dccc.js';
+import { I as Input, S as Select } from './index-9d956264.js';
+import { D as DatePicker } from './index-d11f456f.js';
 import '@mantine/core';
-import './index-feadf6fb.js';
-import './index-046b2cda.js';
-import './index.styles-85886458.js';
+import './index-cfa693d6.js';
+import './index-9dffd07c.js';
+import './index.styles-1ced5cf6.js';
 import '@mantine/hooks';
-import './useMantineLocale-07dde661.js';
-import './index-34b4ff66.js';
-import './utils-0e26a9d9.js';
-import './index-ed0a2774.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
-import { H as HealthToolFormWrapper } from './index-8f97b0ff.js';
+import './useMantineLocale-92f2ea43.js';
+import './index-a415a0b9.js';
+import './utils-e1e4fc34.js';
+import './index-87e48e6a.js';
+import './other-829bfc4e.js';
+import './index-98d12ee0.js';
+import { H as HealthToolFormWrapper } from './index-cf33fbac.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-e35e0eaf.js → index-3236c8cc.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-19fe97c5.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-ba27e183.js';
+import './index-9d956264.js';
 import '@mantine/dates';
-import './index-ed0a2774.js';
-import './index-34b4ff66.js';
-import './index-d8009eee.js';
-import './useMantineLocale-07dde661.js';
-import { T as Text } from './index-feadf6fb.js';
-import { B as Button } from './index-046b2cda.js';
-import './index.styles-85886458.js';
-import { u as useTranslations } from './index-8b011b95.js';
+import './index-87e48e6a.js';
+import './index-a415a0b9.js';
+import './index-ffb7f4b1.js';
+import './useMantineLocale-92f2ea43.js';
+import { T as Text } from './index-cfa693d6.js';
+import { B as Button } from './index-9dffd07c.js';
+import './index.styles-1ced5cf6.js';
+import { u as useTranslations } from './index-65c5f9ff.js';
 import '@mantine/hooks';
-import './utils-0e26a9d9.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
+import './utils-e1e4fc34.js';
+import './other-829bfc4e.js';
+import './index-98d12ee0.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-89209a7e.js → index-38f2f27a.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-9354e23b.js';
+import { a as __awaiter } from './tslib.es6-19fe97c5.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-36823b40.js';
-import { T as Text } from './index-feadf6fb.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-f5300c3b.js';
+import { H as Heading } from './index-67962b2a.js';
+import { T as Text } from './index-cfa693d6.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a5a9607a.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-f1633bde.js';
+import { D as DEFAULT_IMG } from './constants-ec91ac43.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-ffcb09ab.js → index-39975ece.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9354e23b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-19fe97c5.js';
 import React__default, { useState, useImperativeHandle, useRef, useEffect, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-ba27e183.js';
+import { R as Radio } from './index-9d956264.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-ed0a2774.js';
-import './index-34b4ff66.js';
-import { C as CommonGAssets } from './index-d8009eee.js';
-import './useMantineLocale-07dde661.js';
-import { T as Text } from './index-feadf6fb.js';
-import { B as Button$1 } from './index-046b2cda.js';
-import './index.styles-85886458.js';
-import './translationsContext-db19ea71.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-87e48e6a.js';
+import './index-a415a0b9.js';
+import { C as CommonGAssets } from './index-ffb7f4b1.js';
+import './useMantineLocale-92f2ea43.js';
+import { T as Text } from './index-cfa693d6.js';
+import { B as Button$1 } from './index-9dffd07c.js';
+import './index.styles-1ced5cf6.js';
+import './translationsContext-cb129b96.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-0e26a9d9.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
-import { i as isInternalLink } from './index-2353276b.js';
+import { M as MediaQueries } from './utils-e1e4fc34.js';
+import './other-829bfc4e.js';
+import './index-98d12ee0.js';
+import { i as isInternalLink } from './index-d15b19b1.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-5d4208d8.js';
-import { L as Logo } from './index-0415fd79.js';
+import { C as Checkbox, P as PureInput } from './index-9116f0e9.js';
+import { L as Logo } from './index-e99c0162.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { isBefore, startOfMonth, addMonths, format, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
-import { a as useOutsideClick } from './useOutsideClick-882a77ce.js';
+import { a as useOutsideClick } from './useOutsideClick-fe236274.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-116089f5.js';
-import { u as useScreenSize } from './useScreenSize-37e3e212.js';
-import { u as useTranslations } from './index-8b011b95.js';
-import { D as Dropdown } from './index-60ebeaaa.js';
+import { B as Button } from './index-e23ba33a.js';
+import { u as useScreenSize } from './useScreenSize-b9c63fd4.js';
+import { u as useTranslations } from './index-65c5f9ff.js';
+import { D as Dropdown } from './index-4a9572c1.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-0dbf64a0.js';
-import { D as Drawer } from './index-bb030b15.js';
+import { I as Input } from './index-8c71002f.js';
+import { D as Drawer } from './index-52ac9bb8.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-b1a3e508.js';
+import { L as LOCALE } from './Locale-113763dc.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
@@ -3979,9 +3979,34 @@ var Avatar = {
 	w: w
 };
 
-const WidgetChatbotAi = ({ isNativeSelect }) => {
+const WidgetChatbotAi = ({}) => {
     const [value, setValue] = useState('');
-    console.log('isNativeSelect: ', isNativeSelect);
+    const questionSuggested = [
+        {
+            id: '1',
+            text: 'Should I go to a spa to get my acne squeezed?',
+        },
+        {
+            id: '2',
+            text: 'What should I do if my acne is red and swollen after squeezing it?',
+        },
+        {
+            id: '3',
+            text: 'Check your skin health',
+        },
+    ];
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (!value)
+            return;
+        // Go to ai chatbot page
+        const destinationPath = `https://demo.hellobacsi.com/ai-chatbot?question=${encodeURIComponent(value)}`;
+        window.location.href = destinationPath;
+    };
+    const handleAskQuestion = (data) => {
+        const destinationPath = `https://demo.hellobacsi.com/ai-chatbot?questionId=${data.id}&question=${encodeURIComponent(data.text)}`;
+        window.location.href = destinationPath;
+    };
     return (React__default.createElement(StyleContainer, null,
         React__default.createElement(StyleHeader, null,
             React__default.createElement("div", { className: "header-title" },
@@ -3995,20 +4020,16 @@ const WidgetChatbotAi = ({ isNativeSelect }) => {
                         width: 135,
                         height: 135,
                     }, loop: true }))),
-        React__default.createElement(StyleQuestionSuggested, null,
-            React__default.createElement(StyleQuestion, null,
-                React__default.createElement(Question, null),
-                React__default.createElement("div", { className: "question-text" }, "Should I go to a spa to get my acne squeezed?")),
-            React__default.createElement(StyleQuestion, null,
+        React__default.createElement(StyleQuestionSuggested, null, questionSuggested.map((item) => {
+            return (React__default.createElement(StyleQuestion, { key: item.id, onClick: () => handleAskQuestion(item) },
                 React__default.createElement(Question, null),
-                React__default.createElement("div", { className: "question-text" }, "What should I do if my acne is red and swollen after squeezing it?")),
-            React__default.createElement(StyleQuestion, null,
-                React__default.createElement(Question, null),
-                React__default.createElement("div", { className: "question-text" }, "Check your skin health"))),
+                React__default.createElement("div", { className: "question-text" }, item.text)));
+        })),
         React__default.createElement(StyleInputQuestion, null,
-            React__default.createElement(StyleInput, { type: "text", value: value, onChange: (e) => setValue(e.target.value), name: "input-message", placeholder: "Ask anything..." }),
-            React__default.createElement(Box, { className: "rightSection" },
-                React__default.createElement(Button$1, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__default.createElement(ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) })))));
+            React__default.createElement("form", { onSubmit: handleSubmit },
+                React__default.createElement(StyleInput, { type: "text", value: value, onChange: (e) => setValue(e.target.value), name: "input-message", placeholder: "Ask anything..." }),
+                React__default.createElement(Box, { className: "rightSection" },
+                    React__default.createElement(Button$1, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__default.createElement(ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
 };
 
 export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DoctorInfo as D, FloatButtonGroup as F, IconText as I, RadioGroup as R, ScrollList as S, Tabs as T, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, CookieAcceptConfirm as d, SeoHead as e, DateRangePicker as f, ShareContainer as g, ShareDrawer as h, index$1 as i, FixedBottomAdBlock as j };

package/build/esm/{index-d9e64cd1.js → index-3b822c5c.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-116089f5.js';
-import { H as Heading } from './index-36823b40.js';
-import { T as Text } from './index-feadf6fb.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-0e26a9d9.js';
+import { B as Button } from './index-e23ba33a.js';
+import { H as Heading } from './index-67962b2a.js';
+import { T as Text } from './index-cfa693d6.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-e1e4fc34.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-f5300c3b.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-a5a9607a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-9354e23b.js';
-import { I as Input } from './index-0dbf64a0.js';
-import { u as useTranslations } from './index-8b011b95.js';
-import { e as formatComment } from './dataTransform-d0f23629.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-f1633bde.js';
+import { a as __awaiter } from './tslib.es6-19fe97c5.js';
+import { I as Input } from './index-8c71002f.js';
+import { u as useTranslations } from './index-65c5f9ff.js';
+import { e as formatComment } from './dataTransform-71878d6f.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-ec91ac43.js';
 import { PATHS } from './togetherApiPaths.js';
-import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-bdd34e9e.js';
-import { C as CardLink } from './index-89209a7e.js';
-import { L as Loading } from './index-29a96e92.js';
-import { U as UserAvatar } from './index-41bafd09.js';
-import { R as RichTextEditor } from './editor-bfa3bc9c.js';
+import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-c1a023eb.js';
+import { C as CardLink } from './index-38f2f27a.js';
+import { L as Loading } from './index-827b01a9.js';
+import { U as UserAvatar } from './index-48b1b0d8.js';
+import { R as RichTextEditor } from './editor-8d8c8857.js';
 import { Portal, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-1d991672.js';
-import { C as CloseIcon } from './index-b9eb5d5c.js';
+import { P as Popup } from './index-22824646.js';
+import { C as CloseIcon } from './index-d8261673.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-37e3e212.js';
+import { I as ImageWrap } from './useScreenSize-b9c63fd4.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);

package/build/esm/{index-980bc43a.js → index-3cfa6db4.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-0dbf64a0.js';
+import { L as Label } from './index-8c71002f.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `