@hhgtech/hhg-components 1.29.81 → 1.29.82

package/build/esm/index-cdc50618.js

@@ -0,0 +1,25 @@
+import React__default, { useState, useEffect } from 'react';
+import { B as Button } from './index-1d3c6ce7.js';
+import styled from '@emotion/styled';
+
+const StyledContainer = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  button[data-color='tertiary'] {
+    background: white;
+  }
+`;
+
+const BtnChoice = ({ value: valueInit, choices, onChange }) => {
+    const [value, setValue] = useState(valueInit);
+    useEffect(() => {
+        setValue(valueInit);
+    }, [valueInit]);
+    return (React__default.createElement(StyledContainer, null, choices.map((i, idx) => (React__default.createElement(Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
+            setValue(i.value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
+        } }, i.label || '')))));
+};
+
+export { BtnChoice as B };

package/build/esm/{index-d218b94e.js → index-cfedca38.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { g as useStyles } from './index-21eac858.js';
+import { g as useStyles } from './index-9b3a8b6d.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-38f50764.js → index-d6a5f5cf.js}

@@ -1,25 +1,25 @@
 import React__default, { useState, useRef, useEffect, createContext, useContext } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-84bb5b47.js';
+import { u as useScrollbarSize } from './useScrollbarSize-909ae7ec.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f8761b9d.js';
-import { s as setDefaultClass } from './defaultClassWrapper-31caf23b.js';
-import { t as theme } from './theme-f18c2351.js';
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { M as MediaQueries } from './utils-d7bbdb52.js';
+import { s as setDefaultClass } from './defaultClassWrapper-00903c00.js';
+import { t as theme } from './theme-7dadf4a1.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { c as Input } from './index-21eac858.js';
-import { D as DatePicker } from './index-598ab51b.js';
-import { T as Text } from './index-c200bff6.js';
-import './index-2b9213cf.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import { c as Input } from './index-9b3a8b6d.js';
+import { D as DatePicker } from './index-7c384ae6.js';
+import { T as Text } from './index-5723381f.js';
+import './index-1d3c6ce7.js';
+import { u as useTranslations } from './useTranslations-b970f667.js';
 import '@mantine/hooks';
-import './index-e3787b20.js';
-import './index-78255d6c.js';
-import './useMantineLocale-4fb67342.js';
-import './index-bef3c9bd.js';
-import { H as HealthToolFormWrapper, I as INPUT_RANGE } from './constants-6bdb97a8.js';
-import { G as GenderOptionControl } from './index-f27edf45.js';
+import './index-189d7601.js';
+import './index-9471fca1.js';
+import './useMantineLocale-453f8013.js';
+import './index-6210f454.js';
+import { H as HealthToolFormWrapper, I as INPUT_RANGE } from './constants-fa475b0f.js';
+import { G as GenderOptionControl } from './index-8eb04f36.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const StyledModal = setDefaultClass(styled.div `

package/build/esm/{index-376bee14.js → index-e0b0d6a2.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-c200bff6.js';
+import { T as Text } from './index-5723381f.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-f8761b9d.js';
-import { R as Radio$1 } from './index-21eac858.js';
-import { T as Text$1 } from './index-7e756cb8.js';
-import { s as setDefaultClass } from './defaultClassWrapper-31caf23b.js';
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { t as theme } from './theme-7dadf4a1.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-d7bbdb52.js';
+import { R as Radio$1 } from './index-9b3a8b6d.js';
+import { T as Text$1 } from './index-219e3a35.js';
+import { s as setDefaultClass } from './defaultClassWrapper-00903c00.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-996f7caf.js → index-ea63e0d2.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-21eac858.js';
+import { F as Flag } from './index-9b3a8b6d.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
-import { T as Text } from './index-c200bff6.js';
-import { C as CommonGAssets } from './index-78255d6c.js';
+import { t as theme } from './theme-7dadf4a1.js';
+import { T as Text } from './index-5723381f.js';
+import { C as CommonGAssets } from './index-9471fca1.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-b1bb27aa.js → index-f22f6e6e.js}

@@ -1,28 +1,13 @@
-import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-761239c7.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-06ba3978.js';
+import React__default, { useState, useMemo, useCallback } from 'react';
+import { u as useTranslations } from './useTranslations-b970f667.js';
 import { createStyles } from '@mantine/core';
-import { B as Button } from './index-2b9213cf.js';
-import { P as PATHS } from './paths-49a813e7.js';
-import { L as LOCALIZED_SLUGS } from './constants-f77fc231.js';
-import { d as domainLocales } from './index-bef3c9bd.js';
-import { c as callApi, g as getCarePath } from './utils-d5a0b58f.js';
-import { i as isProduction } from './isProduction-5684a28c.js';
-
-const StyledDivider = styled.hr `
-  border-width: 1px;
-  border-color: ${theme.colors.neutral200};
-  border-style: ${(props) => props.dividerType};
-`;
-
-/**
- * @deprecated Consider to use mantine
- */
-const Divider = ({ type = 'solid', className, style }) => {
-    return (React__default.createElement(StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
-};
+import { P as PATHS } from './paths-b83be1a0.js';
+import { L as LOCALIZED_SLUGS } from './constants-f6b2e49d.js';
+import { B as Button } from './index-1d3c6ce7.js';
+import { d as domainLocales } from './index-6210f454.js';
+import { c as callApi, g as getCarePath } from './utils-3b29eb79.js';
+import { i as isProduction } from './isProduction-1937d355.js';
 
 var useStyles = createStyles((theme) => {
     return {
@@ -113,26 +98,6 @@ const AuthorBadge = (_a) => {
         className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
 };
 
-const StyledContainer = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  button[data-color='tertiary'] {
-    background: white;
-  }
-`;
-
-const BtnChoice = ({ value: valueInit, choices, onChange }) => {
-    const [value, setValue] = useState(valueInit);
-    useEffect(() => {
-        setValue(valueInit);
-    }, [valueInit]);
-    return (React__default.createElement(StyledContainer, null, choices.map((i, idx) => (React__default.createElement(Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
-            setValue(i.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
-        } }, i.label || '')))));
-};
-
 const BookingBtn = (_a) => {
     var { label, bookingId, bookingType = 'doctor', locale = 'vi-VN' } = _a, rest = __rest(_a, ["label", "bookingId", "bookingType", "locale"]);
     const { t } = useTranslations();
@@ -191,4 +156,4 @@ const BookingBtn = (_a) => {
     return bookingId && bookingType ? (React__default.createElement(Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
 };
 
-export { AuthorBadge as A, BtnChoice as B, Divider as D, BookingBtn as a };
+export { AuthorBadge as A, BookingBtn as B };

package/build/esm/index-f4b938f2.js

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import styled from '@emotion/styled';
+import { t as theme } from './theme-7dadf4a1.js';
+
+const StyledDivider = styled.hr `
+  border-width: 1px;
+  border-color: ${theme.colors.neutral200};
+  border-style: ${(props) => props.dividerType};
+`;
+
+/**
+ * @deprecated Consider to use mantine
+ */
+const Divider = ({ type = 'solid', className, style }) => {
+    return (React__default.createElement(StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
+};
+
+export { Divider as D };

package/build/esm/{index-16514f4d.js → index-f660abb7.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
-import { M as MediaQueries } from './utils-f8761b9d.js';
+import { t as theme } from './theme-7dadf4a1.js';
+import { M as MediaQueries } from './utils-d7bbdb52.js';
 
 const StyledInput = styled.div `
   position: relative;