@hhgtech/hhg-components 1.29.349-beta-2 → 1.29.350

package/build/esm/index-b61f2526.js

@@ -1,148 +0,0 @@
-import React__default, { useState } from 'react';
-import { F as Flag } from './index-91771376.js';
-import styled from '@emotion/styled';
-import { theme } from './miscTheme.js';
-import { T as Text } from './index-43de00be.js';
-import { C as CommonGAssets } from './index-86c5c2a0.js';
-
-const ALLOW_DOMAIN_URL = [
-    'hellobacsi.com',
-    'hellosehat.com',
-    'hellodoktor.com',
-    'hellokrupet.com',
-    'hellodoctor.com.ph',
-    'hellokhunmor.com',
-    'hellosayarwon.com',
-    'helloyishi.com.tw',
-    'helloswasthya.com',
-    'marrybaby.vn',
-    'hellohealth.questionpro.com',
-    'hellobacsivn.page.link',
-];
-const isInternalLink = (url = '') => {
-    return ALLOW_DOMAIN_URL.some((o) => new URL(url).origin.endsWith(o));
-};
-
-const StyledLanguageChangeLink = styled.a `
-  display: inline-flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  padding: 7px 11px;
-  gap: 2px;
-
-  background: ${theme.colors.white};
-  border: 1px solid ${theme.colors.neutral100};
-  border-radius: 20px;
-
-  color: ${theme.colors.gray600};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 18px;
-  text-decoration: none;
-
-  cursor: pointer;
-`;
-
-const StyledSelectionContainer = styled.div `
-  position: relative;
-  display: inline-block;
-`;
-const StyledSelectionLabel = styled.div `
-  position: relative;
-`;
-const StyleSelectionPopup = styled.div `
-  position: absolute;
-  z-index: 21;
-  top: 100%;
-  right: 0;
-  width: 327px;
-  padding: 8px;
-  background: white;
-  border-radius: 4px;
-  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));
-
-  &[data-is-open='false'] {
-    display: none;
-  }
-  &[data-show-indicator='true'] {
-    &:before {
-      position: absolute;
-      right: 11px;
-      bottom: 100%;
-      width: 0;
-      height: 0;
-      border: 0.5rem solid transparent;
-      border-top: none;
-      border-bottom-color: #fff;
-      content: '';
-      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
-    }
-  }
-`;
-const StyledOption = styled.div `
-  display: flex;
-  height: 40px;
-  align-items: center;
-  justify-content: space-between;
-
-  padding: 0 16px;
-  border-radius: ${theme.borderRadius};
-  cursor: pointer;
-
-  .check-icon {
-    width: 16px;
-    height: 16px;
-  }
-  &[data-selected='false'] {
-    background-color: ${theme.colors.gray100};
-  }
-`;
-const StyledPopupBackground = styled.div `
-  position: fixed;
-  z-index: 20;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  cursor: default;
-`;
-
-const TooltipSelection = ({ options, label, labelRenderer, selected, onChange, showSelected = true, style = {}, showIndicator = true, }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(StyledSelectionContainer, null,
-            React__default.createElement(StyledSelectionLabel, { onClick: () => setIsOpen((value) => !value) },
-                label || (labelRenderer === null || labelRenderer === void 0 ? void 0 : labelRenderer(isOpen)) || null,
-                React__default.createElement(StyleSelectionPopup, { "data-is-open": isOpen, style: style, "data-show-indicator": showIndicator }, options.map((option, index) => (React__default.createElement(StyledOption, { key: index, "data-selected": showSelected && selected === option.value, onClick: (e) => {
-                        if (selected !== option.value) {
-                            onChange(option.value);
-                            setIsOpen((value) => !value);
-                        }
-                        e.stopPropagation();
-                    } },
-                    React__default.createElement(Text, { size: "p3" }, option.label),
-                    showSelected && selected === option.value && (React__default.createElement("img", { src: CommonGAssets.getAssetPath('check.svg'), alt: "check", className: "check-icon", loading: "lazy" })))))))),
-        isOpen && (React__default.createElement(StyledPopupBackground, { onClick: () => setIsOpen(false) }))));
-};
-
-const LanguageSwitcher = ({ languageOptions, locale }) => {
-    var _a, _b;
-    const selectedLanguage = languageOptions === null || languageOptions === void 0 ? void 0 : languageOptions.find((option) => option.locale === locale);
-    if (!(languageOptions === null || languageOptions === void 0 ? void 0 : languageOptions.length)) {
-        return null;
-    }
-    return (React__default.createElement(TooltipSelection, { options: languageOptions, selected: selectedLanguage.value, label: React__default.createElement(LanguageLabel, { locale: locale, label: selectedLanguage.label || ((_b = (_a = locale.split('-')) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) }), onChange: (href) => {
-            if (typeof window !== 'undefined') {
-                window.location.href = href;
-            }
-        }, style: { width: 100 }, showSelected: true, showIndicator: false }));
-};
-const LanguageLabel = ({ locale, label, href, }) => {
-    var _a, _b, _c;
-    return (React__default.createElement(StyledLanguageChangeLink, { href: href },
-        React__default.createElement(Flag, { country: (_b = (_a = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase(), width: 16, height: 16, rounded: true, language: (_c = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _c === void 0 ? void 0 : _c[0] }),
-        React__default.createElement("span", null, label)));
-};
-
-export { LanguageSwitcher as L, isInternalLink as i };

package/build/esm/lead/layouts/lightbox/emptyComponent.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type EmptyComponentProps = {
-    onClose?: () => void;
-    onContinue?: () => void;
-};
-export declare const EmptyComponent: ({ onClose, onContinue, }: EmptyComponentProps) => React.JSX.Element;

package/build/esm/lead/layouts/lightbox/formContainer.d.ts

@@ -1,17 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-export type FormContainerProps = {
-    title?: string;
-    titleAlign?: string;
-    description?: string;
-    descriptionAlign?: string;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-    footer?: ReactNode;
-};
-/**
- *
- *  Use this component inside <form></form> tag
- *
- */
-export declare const FormContainer: ({ title, titleAlign, description, descriptionAlign, className, style, children, footer, ...restProps }: FormContainerProps) => React.JSX.Element;

package/build/esm/lead/layouts/lightbox/headerImage.d.ts

@@ -1,11 +0,0 @@
-import React, { CSSProperties } from 'react';
-/**
- * Default ratio: 2 / 3
- */
-export type HeaderImageProps = {
-    src?: string;
-    ratio?: number;
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const HeaderImage: ({ src, ratio, className, style, }: HeaderImageProps) => React.JSX.Element;

package/build/esm/utils-397cbdd3.js

@@ -1,55 +0,0 @@
-import { l as locale, u as useSSOV2Store } from './store-bbfc4f26.js';
-import { h as SubotType } from './index-8071431d.js';
-import { L as LOCALE } from './Locale-3abad08e.js';
-
-const isFeatureWhatsAppEnabled = [
-    LOCALE.Indonesia,
-    LOCALE.Malaysia,
-].includes(locale);
-const isFeatureSMSEnabled = [LOCALE.Vietnam].includes(locale);
-const isFeatureZaloEnabled = [LOCALE.Vietnam].includes(locale);
-const isSupportProduct = (featureFlagsProduct) => {
-    const setupSource = useSSOV2Store.getState().setupSource || 'discover';
-    const isSupportDiscover = (featureFlagsProduct === null || featureFlagsProduct === void 0 ? void 0 : featureFlagsProduct.find((p) => p.name === 'discover')) &&
-        setupSource === 'discover';
-    const isSupportTogether = (featureFlagsProduct === null || featureFlagsProduct === void 0 ? void 0 : featureFlagsProduct.find((p) => p.name === 'together')) &&
-        setupSource === 'community';
-    const isSupportCare = (featureFlagsProduct === null || featureFlagsProduct === void 0 ? void 0 : featureFlagsProduct.find((p) => p.name === 'care')) &&
-        setupSource === 'care';
-    return isSupportDiscover || isSupportTogether || isSupportCare;
-};
-const getURLwithSSOTracking = (url, { source, botItem }) => {
-    var _a;
-    if (!source && !botItem)
-        return null;
-    try {
-        const urlObj = new URL(url.startsWith('localhost') ? `http://${url}` : url);
-        const mapHealthToolName = {
-            bmi: 'BMI',
-            bmr: 'BMR',
-            'due-date': 'DueDate',
-            ovulation: 'Ovulation',
-            'baby-growth': 'BabyGrowth',
-            'pregnancy-weight-gain': 'PregnancyWeightGain',
-            'target-heart-rate': 'TargetHeartRate',
-            'baby-poop-checking': 'BabyPoopChecking',
-        };
-        const healthToolName = mapHealthToolName[source];
-        const isHealthToolPage = window.location.href.includes('/health-tools');
-        // Only accept the health tools are embedded in other pages
-        if (healthToolName && !isHealthToolPage) {
-            urlObj.searchParams.set('embeddedType', 'healthTool');
-            urlObj.searchParams.set('toolName', healthToolName);
-        }
-        else if (((_a = botItem === null || botItem === void 0 ? void 0 : botItem.extra_settings) === null || _a === void 0 ? void 0 : _a.subot_type) === SubotType.ristScreener) {
-            urlObj.searchParams.set('embeddedType', 'riskScreener');
-            urlObj.searchParams.set('toolName', String(botItem.id));
-        }
-        return urlObj;
-    }
-    catch (err) {
-        return null;
-    }
-};
-
-export { isFeatureZaloEnabled as a, isFeatureSMSEnabled as b, isSupportProduct as c, getURLwithSSOTracking as g, isFeatureWhatsAppEnabled as i };

package/build/index-53165e12.js

@@ -1,156 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index$2 = require('./index-752ddc7e.js');
-var styled = require('@emotion/styled');
-var miscTheme = require('./miscTheme.js');
-var index = require('./index-0e2bb8f0.js');
-var index$1 = require('./index-17762e76.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const ALLOW_DOMAIN_URL = [
-    'hellobacsi.com',
-    'hellosehat.com',
-    'hellodoktor.com',
-    'hellokrupet.com',
-    'hellodoctor.com.ph',
-    'hellokhunmor.com',
-    'hellosayarwon.com',
-    'helloyishi.com.tw',
-    'helloswasthya.com',
-    'marrybaby.vn',
-    'hellohealth.questionpro.com',
-    'hellobacsivn.page.link',
-];
-const isInternalLink = (url = '') => {
-    return ALLOW_DOMAIN_URL.some((o) => new URL(url).origin.endsWith(o));
-};
-
-const StyledLanguageChangeLink = styled__default["default"].a `
-  display: inline-flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  padding: 7px 11px;
-  gap: 2px;
-
-  background: ${miscTheme.theme.colors.white};
-  border: 1px solid ${miscTheme.theme.colors.neutral100};
-  border-radius: 20px;
-
-  color: ${miscTheme.theme.colors.gray600};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 18px;
-  text-decoration: none;
-
-  cursor: pointer;
-`;
-
-const StyledSelectionContainer = styled__default["default"].div `
-  position: relative;
-  display: inline-block;
-`;
-const StyledSelectionLabel = styled__default["default"].div `
-  position: relative;
-`;
-const StyleSelectionPopup = styled__default["default"].div `
-  position: absolute;
-  z-index: 21;
-  top: 100%;
-  right: 0;
-  width: 327px;
-  padding: 8px;
-  background: white;
-  border-radius: 4px;
-  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));
-
-  &[data-is-open='false'] {
-    display: none;
-  }
-  &[data-show-indicator='true'] {
-    &:before {
-      position: absolute;
-      right: 11px;
-      bottom: 100%;
-      width: 0;
-      height: 0;
-      border: 0.5rem solid transparent;
-      border-top: none;
-      border-bottom-color: #fff;
-      content: '';
-      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
-    }
-  }
-`;
-const StyledOption = styled__default["default"].div `
-  display: flex;
-  height: 40px;
-  align-items: center;
-  justify-content: space-between;
-
-  padding: 0 16px;
-  border-radius: ${miscTheme.theme.borderRadius};
-  cursor: pointer;
-
-  .check-icon {
-    width: 16px;
-    height: 16px;
-  }
-  &[data-selected='false'] {
-    background-color: ${miscTheme.theme.colors.gray100};
-  }
-`;
-const StyledPopupBackground = styled__default["default"].div `
-  position: fixed;
-  z-index: 20;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  cursor: default;
-`;
-
-const TooltipSelection = ({ options, label, labelRenderer, selected, onChange, showSelected = true, style = {}, showIndicator = true, }) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(StyledSelectionContainer, null,
-            React__default["default"].createElement(StyledSelectionLabel, { onClick: () => setIsOpen((value) => !value) },
-                label || (labelRenderer === null || labelRenderer === void 0 ? void 0 : labelRenderer(isOpen)) || null,
-                React__default["default"].createElement(StyleSelectionPopup, { "data-is-open": isOpen, style: style, "data-show-indicator": showIndicator }, options.map((option, index$2) => (React__default["default"].createElement(StyledOption, { key: index$2, "data-selected": showSelected && selected === option.value, onClick: (e) => {
-                        if (selected !== option.value) {
-                            onChange(option.value);
-                            setIsOpen((value) => !value);
-                        }
-                        e.stopPropagation();
-                    } },
-                    React__default["default"].createElement(index.Text, { size: "p3" }, option.label),
-                    showSelected && selected === option.value && (React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('check.svg'), alt: "check", className: "check-icon", loading: "lazy" })))))))),
-        isOpen && (React__default["default"].createElement(StyledPopupBackground, { onClick: () => setIsOpen(false) }))));
-};
-
-const LanguageSwitcher = ({ languageOptions, locale }) => {
-    var _a, _b;
-    const selectedLanguage = languageOptions === null || languageOptions === void 0 ? void 0 : languageOptions.find((option) => option.locale === locale);
-    if (!(languageOptions === null || languageOptions === void 0 ? void 0 : languageOptions.length)) {
-        return null;
-    }
-    return (React__default["default"].createElement(TooltipSelection, { options: languageOptions, selected: selectedLanguage.value, label: React__default["default"].createElement(LanguageLabel, { locale: locale, label: selectedLanguage.label || ((_b = (_a = locale.split('-')) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) }), onChange: (href) => {
-            if (typeof window !== 'undefined') {
-                window.location.href = href;
-            }
-        }, style: { width: 100 }, showSelected: true, showIndicator: false }));
-};
-const LanguageLabel = ({ locale, label, href, }) => {
-    var _a, _b, _c;
-    return (React__default["default"].createElement(StyledLanguageChangeLink, { href: href },
-        React__default["default"].createElement(index$2.Flag, { country: (_b = (_a = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase(), width: 16, height: 16, rounded: true, language: (_c = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _c === void 0 ? void 0 : _c[0] }),
-        React__default["default"].createElement("span", null, label)));
-};
-
-exports.LanguageSwitcher = LanguageSwitcher;
-exports.isInternalLink = isInternalLink;

package/build/lead/layouts/lightbox/emptyComponent.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export type EmptyComponentProps = {
-    onClose?: () => void;
-    onContinue?: () => void;
-};
-export declare const EmptyComponent: ({ onClose, onContinue, }: EmptyComponentProps) => React.JSX.Element;

package/build/lead/layouts/lightbox/formContainer.d.ts

@@ -1,17 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-export type FormContainerProps = {
-    title?: string;
-    titleAlign?: string;
-    description?: string;
-    descriptionAlign?: string;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-    footer?: ReactNode;
-};
-/**
- *
- *  Use this component inside <form></form> tag
- *
- */
-export declare const FormContainer: ({ title, titleAlign, description, descriptionAlign, className, style, children, footer, ...restProps }: FormContainerProps) => React.JSX.Element;

package/build/lead/layouts/lightbox/headerImage.d.ts

@@ -1,11 +0,0 @@
-import React, { CSSProperties } from 'react';
-/**
- * Default ratio: 2 / 3
- */
-export type HeaderImageProps = {
-    src?: string;
-    ratio?: number;
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const HeaderImage: ({ src, ratio, className, style, }: HeaderImageProps) => React.JSX.Element;

package/build/utils-0b30517e.js

@@ -1,61 +0,0 @@
-'use strict';
-
-var store = require('./store-f338d5dc.js');
-var index = require('./index-bbc8a07f.js');
-var Locale = require('./Locale-f15df359.js');
-
-const isFeatureWhatsAppEnabled = [
-    Locale.LOCALE.Indonesia,
-    Locale.LOCALE.Malaysia,
-].includes(store.locale);
-const isFeatureSMSEnabled = [Locale.LOCALE.Vietnam].includes(store.locale);
-const isFeatureZaloEnabled = [Locale.LOCALE.Vietnam].includes(store.locale);
-const isSupportProduct = (featureFlagsProduct) => {
-    const setupSource = store.useSSOV2Store.getState().setupSource || 'discover';
-    const isSupportDiscover = (featureFlagsProduct === null || featureFlagsProduct === void 0 ? void 0 : featureFlagsProduct.find((p) => p.name === 'discover')) &&
-        setupSource === 'discover';
-    const isSupportTogether = (featureFlagsProduct === null || featureFlagsProduct === void 0 ? void 0 : featureFlagsProduct.find((p) => p.name === 'together')) &&
-        setupSource === 'community';
-    const isSupportCare = (featureFlagsProduct === null || featureFlagsProduct === void 0 ? void 0 : featureFlagsProduct.find((p) => p.name === 'care')) &&
-        setupSource === 'care';
-    return isSupportDiscover || isSupportTogether || isSupportCare;
-};
-const getURLwithSSOTracking = (url, { source, botItem }) => {
-    var _a;
-    if (!source && !botItem)
-        return null;
-    try {
-        const urlObj = new URL(url.startsWith('localhost') ? `http://${url}` : url);
-        const mapHealthToolName = {
-            bmi: 'BMI',
-            bmr: 'BMR',
-            'due-date': 'DueDate',
-            ovulation: 'Ovulation',
-            'baby-growth': 'BabyGrowth',
-            'pregnancy-weight-gain': 'PregnancyWeightGain',
-            'target-heart-rate': 'TargetHeartRate',
-            'baby-poop-checking': 'BabyPoopChecking',
-        };
-        const healthToolName = mapHealthToolName[source];
-        const isHealthToolPage = window.location.href.includes('/health-tools');
-        // Only accept the health tools are embedded in other pages
-        if (healthToolName && !isHealthToolPage) {
-            urlObj.searchParams.set('embeddedType', 'healthTool');
-            urlObj.searchParams.set('toolName', healthToolName);
-        }
-        else if (((_a = botItem === null || botItem === void 0 ? void 0 : botItem.extra_settings) === null || _a === void 0 ? void 0 : _a.subot_type) === index.SubotType.ristScreener) {
-            urlObj.searchParams.set('embeddedType', 'riskScreener');
-            urlObj.searchParams.set('toolName', String(botItem.id));
-        }
-        return urlObj;
-    }
-    catch (err) {
-        return null;
-    }
-};
-
-exports.getURLwithSSOTracking = getURLwithSSOTracking;
-exports.isFeatureSMSEnabled = isFeatureSMSEnabled;
-exports.isFeatureWhatsAppEnabled = isFeatureWhatsAppEnabled;
-exports.isFeatureZaloEnabled = isFeatureZaloEnabled;
-exports.isSupportProduct = isSupportProduct;