@hhgtech/hhg-components 1.29.349 → 1.29.351-beta-1

package/build/vaccination.js

@@ -2,39 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-ba92c8a7.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$3 = require('./index-78c6c6cf.js');
+var index$3 = require('./index-f91d4f9b.js');
 require('@mantine/dates');
-require('./index-54096852.js');
-var index$5 = require('./index-e1a39c0f.js');
-require('./index-d49e78ee.js');
-require('./useMantineLocale-5e25dbd7.js');
-var index$2 = require('./index-5ffb9c80.js');
-var index$1 = require('./index-92c78315.js');
+require('./index-faf96499.js');
+var index$5 = require('./index-05e6202a.js');
+require('./index-e596adb8.js');
+require('./useMantineLocale-681887a6.js');
+var index$2 = require('./index-dab1cb47.js');
+var index$1 = require('./index-bf4b5ae2.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-f3cba150.js');
-var index = require('./index-2ec2e22f.js');
+require('./index.styles-8510d50e.js');
+var index = require('./index-7d793ec4.js');
 var hooks = require('@mantine/hooks');
-require('./other-55a9988c.js');
-require('./index-d1a1f50a.js');
+require('./other-2bd39cad.js');
+require('./index-eab1da9a.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-0b96a051.js');
-var index$4 = require('./index-9b9a13c0.js');
-require('./translationsContext-f04b6541.js');
+var utils = require('./utils-b20c27f3.js');
+var index$4 = require('./index-2f7efba5.js');
+require('./translationsContext-239790ff.js');
 var other = require('@hhgtech/icons/other');
-var useScreenSize = require('./useScreenSize-23da1322.js');
-var index$6 = require('./index-4d2dd5d2.js');
+var useScreenSize = require('./useScreenSize-e44ff92b.js');
+var index$6 = require('./index-422e1365.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$8 = require('./index-2b8d5922.js');
-var index$7 = require('./index-ca0aaa30.js');
+var index$8 = require('./index-01199c59.js');
+var index$7 = require('./index-f5477e08.js');
 require('@mantine/carousel');
-require('./Locale-fe94e6b7.js');
+require('./Locale-9a9c25ba.js');
 require('classnames');
-require('./useUniqueId-31a8ced9.js');
+require('./useUniqueId-11c1fa8a.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.349",
+  "version": "1.29.351-beta-1",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/components/atoms/googleLocation/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { AutocompleteProps } from '@mantine/core';
-export type GoogleLocationProps = Omit<Omit<AutocompleteProps, 'data'>, 'onChange'> & {
-    locale?: string;
-    onChange?: (value: string, valueOption?: any) => void;
-};
-export declare const GoogleLocation: FC<GoogleLocationProps>;

package/build/esm/components/atoms/googleLocation/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { AutocompleteProps } from '@mantine/core';
-export type GoogleLocationProps = Omit<Omit<AutocompleteProps, 'data'>, 'onChange'> & {
-    locale?: string;
-    onChange?: (value: string, valueOption?: any) => void;
-};
-export declare const GoogleLocation: FC<GoogleLocationProps>;

package/build/esm/index-bd2495ce.js

@@ -1,148 +0,0 @@
-import React__default, { useState } from 'react';
-import { F as Flag } from './index-75b6adf7.js';
-import styled from '@emotion/styled';
-import { theme } from './miscTheme.js';
-import { T as Text } from './index-b605d917.js';
-import { C as CommonGAssets } from './index-e0c9065b.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/index-74841ceb.js

@@ -1,156 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index$2 = require('./index-78c6c6cf.js');
-var styled = require('@emotion/styled');
-var miscTheme = require('./miscTheme.js');
-var index = require('./index-5ffb9c80.js');
-var index$1 = require('./index-d49e78ee.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;