@hhgtech/hhg-components 1.29.70 → 1.29.71

package/build/esm/{getDynamicHealthTool-37f677a2.js → getDynamicHealthTool-dec87c6d.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-057de162.js';
-import { n as normalizeLinkSlash } from './normalizeLink-2b1f46cd.js';
-import { c as getDiscoverApiDomain } from './routing-29ad1d7b.js';
-import { g as getDataWithCache } from './core-fe14d5b2.js';
+import { a as __awaiter } from './tslib.es6-97370995.js';
+import { n as normalizeLinkSlash } from './normalizeLink-e4ba4115.js';
+import { c as getDiscoverApiDomain } from './routing-a5c71ee3.js';
+import { g as getDataWithCache } from './core-1949b920.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/getSocialList-0318fb2e.js

@@ -0,0 +1,168 @@
+import React__default from 'react';
+import { _ as __rest } from './tslib.es6-97370995.js';
+import { I as Instagram } from './Instagram-442689d8.js';
+import { W as WhatsApp } from './WhatsApp-bd62c45e.js';
+import { S as SocialType, L as LOCALE } from './index-5cd6a62b.js';
+import { C as CommonGAssets } from './index-2d067c08.js';
+
+const Facebook = (_a) => {
+    var { size } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M26.454 0H1.534A1.546 1.546 0 0 0 0 1.546v24.92A1.545 1.545 0 0 0 1.546 28h13.412V17.172h-3.64v-4.239h3.64V9.814c0-3.615 2.209-5.586 5.434-5.586a29 29 0 0 1 3.26.168v3.78h-2.224c-1.755 0-2.097.84-2.097 2.058v2.7h4.189l-.56 4.238h-3.64V28h7.134c.854 0 1.546-.692 1.546-1.546V1.534A1.546 1.546 0 0 0 26.454 0", fill: "#1778F2" })));
+};
+Facebook.defaultProps = {
+    size: 24,
+};
+
+const Line = (_a) => {
+    var { size } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32" }, rest),
+        React__default.createElement("g", { id: "surface1" },
+            React__default.createElement("path", { fill: "#00cf2e", d: "M26.4 32H5.6A5.6 5.6 0 0 1 0 26.4V5.6A5.6 5.6 0 0 1 5.6 0h20.8A5.6 5.6 0 0 1 32 5.6v20.8a5.6 5.6 0 0 1-5.6 5.6m0 0" }),
+            React__default.createElement("path", { fill: "#fff", d: "M28.2 14.2c0-4.4-5.2-9.2-12-9.2-6.6 0-12 3.9-12 9.2 0 4.9 4.2 9 10 9.5.4 0 .8.2 1 .6l.2.7a9.3 9.3 0 0 1-.2 1.6.4.4 0 0 0 .2.4.4.4 0 0 0 .4 0c2.8-1.2 12.4-6.3 12.4-12.8m0 0" }),
+            React__default.createElement("path", { fill: "#00cf2e", d: "M11.8 16.4H10v-4.2a.6.6 0 0 0-.6-.6.6.6 0 0 0-.6.6V17c0 .3.3.6.6.6h2.4c.3 0 .6-.3.6-.6a.6.6 0 0 0-.6-.6m1.6-4.8a.6.6 0 0 0-.6.6V17c0 .3.3.6.6.6s.6-.3.6-.6v-4.8a.6.6 0 0 0-.6-.6m5.6 0a.6.6 0 0 0-.6.6v3l-2.5-3.4a.6.6 0 0 0-.7-.2.6.6 0 0 0-.4.6V17a.6.6 0 0 0 1.2 0v-3l2.5 3.4a.6.6 0 0 0 .5.2.6.6 0 0 0 .6-.6v-4.8a.6.6 0 0 0-.6-.6m4.4 3.6c.3 0 .6-.3.6-.6a.6.6 0 0 0-.6-.6h-1.8v-1.2h1.8a.6.6 0 1 0 0-1.2H21a.6.6 0 0 0-.6.6V17c0 .3.3.6.6.6h2.4a.6.6 0 0 0 0-1.2h-1.8v-1.2Zm0 0" }))));
+};
+Line.defaultProps = {
+    size: 24,
+};
+
+const Linkedin = (_a) => {
+    var { size } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("rect", { width: "32", height: "32", rx: "4", fill: "#0077B5" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8571 9.07047C10.8349 7.97612 10.1126 7.14258 8.93969 7.14258C7.76679 7.14258 7 7.97612 7 9.07047C7 10.1422 7.74415 10.9997 8.89516 10.9997H8.9171C10.1126 10.9997 10.8571 10.1422 10.8571 9.07047ZM10.8571 12.2861H7V23.8576H10.8571V12.2861ZM20.1512 12.2861C22.9226 12.2861 25.0002 13.9023 25.0002 17.3749L25.0001 23.8572H20.7887V17.8087C20.7887 16.2895 20.1793 15.2527 18.6547 15.2527C17.4912 15.2527 16.7981 15.9516 16.4937 16.6266C16.3824 16.8686 16.355 17.2057 16.355 17.5436V23.8576H12.1431C12.1431 23.8576 12.1986 13.6128 12.1431 12.5519H16.355V14.1532C16.914 13.3835 17.9152 12.2861 20.1512 12.2861Z", fill: "white" })));
+};
+Linkedin.defaultProps = {
+    size: 24,
+};
+
+const Telegram = (_a) => {
+    var { size = 24 } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { fill: "#00AEED", d: "M0 0h32v32H0z" }),
+        React__default.createElement("path", { d: "m7.322 15.653 15.426-5.948c.716-.258 1.342.175 1.11 1.258l.001-.002-2.627 12.375c-.194.877-.716 1.09-1.445.677l-4-2.948-1.93 1.859c-.213.213-.393.393-.806.393l.284-4.07 7.413-6.698c.323-.284-.072-.444-.497-.161l-9.161 5.768-3.95-1.232c-.857-.272-.876-.857.182-1.27", fill: "#fff" })));
+};
+
+const TikTok = (_a) => {
+    var { size = 24 } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M28.19 0H3.81A3.814 3.814 0 0 0 0 3.81v24.38A3.813 3.813 0 0 0 3.81 32h24.38A3.814 3.814 0 0 0 32 28.19V3.81A3.814 3.814 0 0 0 28.19 0m-3.043 13.96a5.71 5.71 0 0 1-5.302-2.555v8.79A6.497 6.497 0 1 1 13.35 13.7c.135 0 .268.012.401.02v3.202c-.133-.016-.264-.04-.401-.04a3.315 3.315 0 1 0 0 6.631c1.831 0 3.449-1.443 3.449-3.274l.032-14.93h3.06a5.705 5.705 0 0 0 5.257 5.094z", fill: "#000" })));
+};
+
+const Twitter = (_a) => {
+    var { size } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("rect", { width: "32", height: "32", rx: "4", fill: "#1FA1F3" }),
+        React__default.createElement("path", { d: "m15.73 13.235.04.634-.674-.078c-2.454-.298-4.599-1.307-6.42-3.003l-.89-.842-.23.622c-.485 1.385-.175 2.848.837 3.832.54.543.418.621-.513.297-.323-.103-.607-.18-.634-.142-.094.09.23 1.269.486 1.735.35.647 1.066 1.282 1.848 1.657l.66.298-.782.013c-.755 0-.782.013-.7.285.269.841 1.334 1.734 2.521 2.123l.837.272-.729.414a7.9 7.9 0 0 1-3.615.958c-.606.013-1.106.065-1.106.104 0 .129 1.646.854 2.604 1.139 2.873.841 6.285.479 8.848-.958 1.82-1.023 3.641-3.055 4.49-5.023.46-1.05.918-2.965.918-3.884 0-.596.04-.674.796-1.386.445-.414.863-.867.944-.996.135-.246.121-.246-.566-.026-1.147.388-1.309.336-.742-.246.418-.415.917-1.166.917-1.386 0-.038-.203.026-.432.143-.242.13-.782.323-1.187.44l-.728.22-.66-.427c-.365-.233-.878-.492-1.147-.57-.688-.181-1.74-.155-2.36.052-1.687.583-2.752 2.084-2.63 3.729", fill: "#fff" })));
+};
+Twitter.defaultProps = {
+    size: 24,
+};
+
+const Viber = (_a) => {
+    var { size = 24 } = _a, rest = __rest(_a, ["size"]);
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M24 32H8a8 8 0 0 1-8-8V8a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8", fill: "#785AFA" }),
+        React__default.createElement("path", { d: "M25 17.684c-.575 4.638-3.97 4.93-4.595 5.13a19 19 0 0 1-5.85.498s-2.32 2.372-3.04 3.1a.4.4 0 0 1-.335.137c-.125-.031-.16-.178-.16-.395.005-.308.02-3.395.02-3.395-4.53-1.257-4.265-5.986-4.215-8.462s.515-4.505 1.9-5.869c2.48-2.248 7.595-1.912 7.595-1.912 4.32.018 6.39 1.319 6.87 1.755 1.59 1.364 2.405 4.628 1.81 9.412m-.62-10.57c-.565-.523-2.86-2.187-7.965-2.21 0 0-6.02-.363-8.955 2.33-1.635 1.633-2.21 4.024-2.27 6.989S4.645 22.743 10 24.25v2.299c0 .587.175 1.451 1.02 1.451.345 0 .835-.132 1.52-.828l2.275-2.193c2.077.109 4.16-.077 6.185-.553.74-.24 4.925-.776 5.605-6.331.7-5.726-.34-9.349-2.225-10.981", fill: "#fff" }),
+        React__default.createElement("path", { d: "M15.998 9a5.5 5.5 0 0 1 5.5 5.5.501.501 0 0 1-1 0 4.503 4.503 0 0 0-4.5-4.5h-.045a.5.5 0 0 1 0-1z", fill: "#fff" }),
+        React__default.createElement("path", { d: "M15.998 11a3.5 3.5 0 0 1 3.5 3.5.5.5 0 0 1-1 0 2.5 2.5 0 0 0-2.5-2.5h-.045a.5.5 0 1 1 0-1zm5.288 8.44a.77.77 0 0 0-.105-.951 12.6 12.6 0 0 0-1.98-1.43.88.88 0 0 0-1.115.155l-.405.505c-.51.63-2.07-.315-2.81-1.088-.775-.745-1.72-2.302-1.09-2.813l.505-.401a.88.88 0 0 0 .155-1.117 12 12 0 0 0-1.43-1.98.766.766 0 0 0-.95-.107 4.5 4.5 0 0 0-1.04.845 1.32 1.32 0 0 0-.355 1.357 14.8 14.8 0 0 0 3.21 5.212 14.9 14.9 0 0 0 5.21 3.207 1.32 1.32 0 0 0 1.36-.352q.476-.475.84-1.041", fill: "#fff" })));
+};
+
+const getSocialList = ({ shareUrl, size = 32, locale, }) => [
+    {
+        icon: React__default.createElement(Facebook, { size: size }),
+        name: 'Facebook',
+        type: SocialType.Facebook,
+        href: `https://www.facebook.com/sharer/sharer.php?u=${shareUrl}`,
+    },
+    {
+        icon: (React__default.createElement("img", { src: CommonGAssets.getAssetPath('zalo-mini.png'), alt: "Zalo", style: {
+                width: size,
+                height: size,
+            }, loading: "lazy" })),
+        name: 'Zalo',
+        type: SocialType.Zalo,
+        href: `https://sp.zalo.me/share?href=${shareUrl}`,
+        allowedLocales: [LOCALE.Vietnam],
+    },
+    {
+        icon: React__default.createElement(Twitter, { size: size }),
+        name: 'Twitter',
+        type: SocialType.Twitter,
+        href: `https://twitter.com/intent/tweet?url=${shareUrl}`,
+    },
+    {
+        icon: React__default.createElement(WhatsApp, { size: size }),
+        name: 'WhatsApp',
+        type: SocialType.WhatsApp,
+        href: `https://wa.me/?text=${shareUrl}`,
+    },
+    {
+        icon: React__default.createElement(Linkedin, { size: size }),
+        name: 'LinkedIn',
+        type: SocialType.LinkedIn,
+        href: `https://www.linkedin.com/sharing/share-offsite/?url=${shareUrl}`,
+    },
+    {
+        icon: React__default.createElement(Line, { size: size }),
+        name: 'Line',
+        type: SocialType.Line,
+        href: `http://line.me/R/msg/text/?${shareUrl}`,
+        allowedLocales: [LOCALE.Taiwan],
+    },
+    {
+        icon: React__default.createElement(Instagram, { size: size }),
+        name: 'Instagram',
+        type: SocialType.Instagram,
+        href: locale === LOCALE.Taiwan
+            ? `https://www.instagram.com/helloyishi/`
+            : locale === LOCALE.Malaysia
+                ? 'https://www.instagram.com/hellodoktor_official/'
+                : locale === LOCALE.Thailand
+                    ? 'https://www.instagram.com/hellokhunmor/'
+                    : locale === LOCALE.Myanmar
+                        ? 'https://www.instagram.com/hellosayarwon/'
+                        : locale === LOCALE.Cambodia
+                            ? 'https://www.instagram.com/hellokrupetofficial/'
+                            : locale === LOCALE.Vietnam
+                                ? 'https://www.instagram.com/hellobacsi/'
+                                : '',
+        allowedLocales: [
+            LOCALE.Taiwan,
+            LOCALE.Malaysia,
+            LOCALE.Myanmar,
+            LOCALE.Cambodia,
+        ],
+    },
+    {
+        icon: React__default.createElement(TikTok, { size: size }),
+        name: 'TikTok',
+        type: SocialType.Tiktok,
+        href: locale === LOCALE.Thailand
+            ? 'https://www.tiktok.com/@hellokhunmor'
+            : locale === LOCALE.Malaysia
+                ? 'https://www.tiktok.com/@hellodoktor_my'
+                : locale === LOCALE.Cambodia
+                    ? 'https://www.tiktok.com/@hellokrupet'
+                    : locale === LOCALE.Vietnam
+                        ? 'https://www.tiktok.com/@hellobacsi'
+                        : '',
+        allowedLocales: [LOCALE.Malaysia, LOCALE.Cambodia],
+    },
+    {
+        icon: React__default.createElement(Telegram, { size: size }),
+        name: 'Telegram',
+        type: SocialType.Telegram,
+        href: locale === LOCALE.Cambodia ? 'http://t.me/hellokrupetofficial' : '',
+        allowedLocales: [LOCALE.Cambodia],
+    },
+    {
+        icon: React__default.createElement(Viber, { size: size }),
+        name: 'Viber',
+        type: SocialType.Viber,
+        href: locale === LOCALE.Myanmar ? '' : '',
+        allowedLocales: [LOCALE.Myanmar],
+    },
+];
+
+export { getSocialList as g };

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-7f863bf1.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-5f937eeb.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-b006385d.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-ec5c3a25.js';
-export { u as useIsInit } from './useIsInit-fab9e558.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-804fdcd2.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-70dfb519.js';
+export { u as useTranslations } from './useTranslations-cd4a6fd8.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-404081cd.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-9e546ce4.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-33d4ebb3.js';
+export { u as useIsInit } from './useIsInit-0b340dd9.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-6d5c2dc4.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-50d26738.js';
 import 'react';
-import './translationsContext-972b1fe9.js';
+import './translationsContext-c93a829e.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-057de162.js';
-import './cookieHelper-82a540fa.js';
-import './index-bb09944c.js';
-import './getDynamicHealthTool-37f677a2.js';
-import './normalizeLink-2b1f46cd.js';
-import './routing-29ad1d7b.js';
-import './index-5c80bc9c.js';
+import './tslib.es6-97370995.js';
+import './cookieHelper-75d7eb81.js';
+import './index-5cd6a62b.js';
+import './getDynamicHealthTool-dec87c6d.js';
+import './normalizeLink-e4ba4115.js';
+import './routing-a5c71ee3.js';
+import './index-e70f2e3d.js';
 import 'date-fns/locale';
-import './isProduction-e01f8f5e.js';
-import './core-fe14d5b2.js';
+import './isProduction-51b0271a.js';
+import './core-1949b920.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-972b1fe9.js';
-export { T as TranslationsContext } from './translationsContext-972b1fe9.js';
+import { T as TranslationsContext } from './translationsContext-c93a829e.js';
+export { T as TranslationsContext } from './translationsContext-c93a829e.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-972b1fe9.js';
-export { T as TranslationsContext } from './translationsContext-972b1fe9.js';
+import { T as TranslationsContext } from './translationsContext-c93a829e.js';
+export { T as TranslationsContext } from './translationsContext-c93a829e.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-671cb811.js → index-12360b99.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-057de162.js';
+import { _ as __rest } from './tslib.es6-97370995.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-fc80526b.js';
+import { B as Button$1 } from './index-a9166112.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-2d74aa94.js → index-153313f0.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-057de162.js';
+import { _ as __rest } from './tslib.es6-97370995.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-c7fd8049.js';
+import { t as theme } from './theme-b521f428.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-e973a703.js → index-1b4c7607.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-9104d047.js';
+import { C as Container } from './index-e165503e.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-5c80bc9c.js';
-import { u as useScreenSize } from './index-fc80526b.js';
+import { d as domainLocales } from './index-e70f2e3d.js';
+import { u as useScreenSize } from './index-a9166112.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-bb09944c.js';
-import './index-59f5dcbf.js';
-import './useMantineLocale-a5b8f3b3.js';
-import { T as Text } from './index-f73256e3.js';
-import { t as theme } from './theme-c7fd8049.js';
-import './translationsContext-972b1fe9.js';
+import './index-5cd6a62b.js';
+import './index-2d067c08.js';
+import './useMantineLocale-046cbdb3.js';
+import { T as Text } from './index-b016006a.js';
+import { t as theme } from './theme-b521f428.js';
+import './translationsContext-c93a829e.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-7c12512c.js';
+import { M as MediaQueries } from './utils-a7de33d5.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-5c3e34eb.js';
-import { M as MarryBabyText } from './index-98c654b8.js';
+import { L as Logo } from './index-5b9d9783.js';
+import { M as MarryBabyText } from './index-4b32b13e.js';
 
 const StyledFooter = styled.footer `
   background-color: #1b3250;