@hhgtech/hhg-components 1.29.451-beta-1 → 1.29.451-beta-2

package/build/esm/{index-74710b32.js → index-d9bebca9.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-56f5b519.js';
+import './index-41b5432f.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-cacdbe08.js';
+import { L as LOCALE } from './Locale-39caffc8.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -380,8 +380,8 @@ const DATA_PRIVACY_LOCALES = ['id-ID'];
 const CARE_LOCALES = [
     'vi-VN',
     'id-ID',
-    // 'en-PH',
-    // 'tl-PH',
+    'en-PH',
+    'tl-PH',
     'ms-MY',
     //  'zh-TW'
 ];

package/build/esm/{index-529ac5f4.js → index-da2571c9.js}

@@ -1,33 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-190cd41c.js';
+import { u as useTranslations } from './index-2874e781.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-ca854d63.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-0980f824.js';
+import { C as CommonGAssets } from './index-b832f5e6.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-2531ebb8.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-f1e81e8a.js';
-import { b as getTogetherUserPostsApiPath } from './index-032cc781.js';
-import { B as Button } from './index-077a41f1.js';
-import { w as workingDays } from './types-767072f8.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-5b45c4cd.js';
+import { b as getTogetherUserPostsApiPath } from './index-a037154f.js';
+import { B as Button } from './index-dc0aa9fc.js';
+import { w as workingDays } from './types-6acb3021.js';
 import styled from '@emotion/styled';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import cn from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-74710b32.js';
-import { L as LOCALISED_SLUGS } from './constants-c6aaa035.js';
-import { T as Text } from './index-860f4cf0.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-30fa9672.js';
-import { a as __awaiter } from './tslib.es6-6c42bd44.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-d9bebca9.js';
+import { L as LOCALISED_SLUGS } from './constants-55562648.js';
+import { T as Text } from './index-f3a1db62.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-2a87d9c8.js';
+import { a as __awaiter } from './tslib.es6-342dc944.js';
 import { useDisclosure } from '@mantine/hooks';
 import { clsx, Flex, Box, rem } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-88b93c0f.js';
+import { u as useTextStyles, T as TextField } from './index-daf207f3.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-e842f027.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-62dc8e04.js';
-import { B as Button$1 } from './index-96cbc5d5.js';
-import { M as MAPPED_LOCALE } from './index-779eab84.js';
-import { T as Text$1 } from './index-b6f0631c.js';
-import { I as ImageWrap } from './index-ba50cc54.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-fe22856f.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-1ea22145.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-b098c8a7.js';
+import { B as Button$1 } from './index-440f6ffb.js';
+import { M as MAPPED_LOCALE } from './index-6c5deb0a.js';
+import { T as Text$1 } from './index-feb062d9.js';
+import { I as ImageWrap } from './index-68bfecb5.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-7f74149e.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),

package/build/esm/{index-88b93c0f.js → index-daf207f3.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-62dc8e04.js';
-import { _ as __rest } from './tslib.es6-6c42bd44.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-b098c8a7.js';
+import { _ as __rest } from './tslib.es6-342dc944.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-077a41f1.js → index-dc0aa9fc.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-6c42bd44.js';
+import { _ as __rest } from './tslib.es6-342dc944.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-96cbc5d5.js';
+import { B as Button$1 } from './index-440f6ffb.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-6f9bfbab.js → index-e24c24b1.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-6c42bd44.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-342dc944.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-aca4f668.js';
-import { u as useTranslations } from './index-190cd41c.js';
+import { D as Dropdown } from './index-13c46124.js';
+import { u as useTranslations } from './index-2874e781.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-e842f027.js';
+import { I as Input$1 } from './index-1ea22145.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-74710b32.js';
-import './index-56f5b519.js';
-import './index-ca854d63.js';
-import './index-779eab84.js';
-import { T as Text } from './index-b6f0631c.js';
-import { B as Button } from './index-96cbc5d5.js';
-import './index-62dc8e04.js';
-import './index.styles-6a837490.js';
+import './index-d9bebca9.js';
+import './index-41b5432f.js';
+import './index-b832f5e6.js';
+import './index-6c5deb0a.js';
+import { T as Text } from './index-feb062d9.js';
+import { B as Button } from './index-440f6ffb.js';
+import './index-b098c8a7.js';
+import './index.styles-2d733063.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-b4c02641.js';
-import './index-f923ba5f.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-f5d768f2.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-a8de92a3.js';
+import { M as MediaQueries } from './utils-5eb2a3c6.js';
+import './index-38dfad2f.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-b0c315a9.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-f2b0767e.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-b2dcdde5.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-c6aaa035.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-983d528e.js';
-import { C as CardAuthor } from './index-fc621d36.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-783dd684.js';
-import { I as Input } from './index-997a59ac.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-e1ed53d8.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-55562648.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-15f6b6f3.js';
+import { C as CardAuthor } from './index-48bca7cc.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-14a9120b.js';
+import { I as Input } from './index-a1fef27c.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-869ca5a4.js';
-import { C as CardLink } from './index-7caa116b.js';
-import { B as BtnChoice } from './index-d39a2816.js';
-import { L as LOCALE } from './Locale-cacdbe08.js';
+import { L as Loading } from './index-fb10b738.js';
+import { C as CardLink } from './index-f2026ff7.js';
+import { B as BtnChoice } from './index-b9a84ad1.js';
+import { L as LOCALE } from './Locale-39caffc8.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-f79877db.js';
-import { b as IconArrowLeft } from './index-f50a6c6a.js';
-import { B as Button$1 } from './index-077a41f1.js';
+import { L as Loading$1 } from './index-ea0b3300.js';
+import { b as IconArrowLeft } from './index-a138ae2b.js';
+import { B as Button$1 } from './index-dc0aa9fc.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-201e8b10.js';
-import { U as UserAvatar } from './index-ff5bf2d8.js';
-import { P as PopoverMenu } from './index-18a70e17.js';
+import { a as useUniqueId } from './useUniqueId-4c6159c4.js';
+import { U as UserAvatar } from './index-a78bcad5.js';
+import { P as PopoverMenu } from './index-711cb000.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-1f81d965.js → index-e30d2b52.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-6c42bd44.js';
+import { _ as __rest } from './tslib.es6-342dc944.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-1da5d29a.js';
-import { u as useTranslations } from './index-190cd41c.js';
-import { C as CommonGAssets } from './index-ca854d63.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-c6aaa035.js';
-import { G as GenderOptionControl } from './index-ea7f9810.js';
-import { I as Input, S as Select } from './index-e842f027.js';
-import { D as DatePicker } from './index-03f26c37.js';
-import './index-b6f0631c.js';
-import './index-96cbc5d5.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-d02e499a.js';
+import { u as useTranslations } from './index-2874e781.js';
+import { C as CommonGAssets } from './index-b832f5e6.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-55562648.js';
+import { G as GenderOptionControl } from './index-feeeec0f.js';
+import { I as Input, S as Select } from './index-1ea22145.js';
+import { D as DatePicker } from './index-259c5ffd.js';
+import './index-feb062d9.js';
+import './index-440f6ffb.js';
 import '@mantine/core';
-import './index-62dc8e04.js';
-import './index.styles-6a837490.js';
+import './index-b098c8a7.js';
+import './index.styles-2d733063.js';
 import '@mantine/hooks';
-import './index-779eab84.js';
-import './utils-b4c02641.js';
-import './index-f923ba5f.js';
-import './index-74710b32.js';
-import { C as CardWrapperContext } from './context-8e9e8a61.js';
-import { H as HealthToolFormWrapper } from './index-6a40d7e1.js';
+import './index-6c5deb0a.js';
+import './utils-5eb2a3c6.js';
+import './index-38dfad2f.js';
+import './index-d9bebca9.js';
+import { C as CardWrapperContext } from './context-252f5f92.js';
+import { H as HealthToolFormWrapper } from './index-9eaedb4c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-f79877db.js → index-ea0b3300.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-077a41f1.js';
-import { u as useTranslations } from './index-190cd41c.js';
+import { B as Button } from './index-dc0aa9fc.js';
+import { u as useTranslations } from './index-2874e781.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-8cdab98d.js → index-ebf71ce7.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-6c42bd44.js';
+import { _ as __rest } from './tslib.es6-342dc944.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-56f5b519.js';
+import './index-41b5432f.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-ca854d63.js';
+import { C as CommonGAssets } from './index-b832f5e6.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-ba50cc54.js';
-import { T as Text } from './index-860f4cf0.js';
-import { L as LOCALE } from './Locale-cacdbe08.js';
-import { e as CentralCarousel } from './index-e842f027.js';
+import { I as ImageWrap } from './index-68bfecb5.js';
+import { T as Text } from './index-f3a1db62.js';
+import { L as LOCALE } from './Locale-39caffc8.js';
+import { e as CentralCarousel } from './index-1ea22145.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-e0f72e25.js → index-edd73475.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-6c42bd44.js';
+import { _ as __rest } from './tslib.es6-342dc944.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-e842f027.js';
-import { D as DatePicker } from './index-03f26c37.js';
-import './index-b6f0631c.js';
-import './index-96cbc5d5.js';
-import './index-62dc8e04.js';
-import './index.styles-6a837490.js';
-import { u as useTranslations } from './index-190cd41c.js';
+import './index-1ea22145.js';
+import { D as DatePicker } from './index-259c5ffd.js';
+import './index-feb062d9.js';
+import './index-440f6ffb.js';
+import './index-b098c8a7.js';
+import './index.styles-2d733063.js';
+import { u as useTranslations } from './index-2874e781.js';
 import '@mantine/hooks';
-import './index-779eab84.js';
-import './utils-b4c02641.js';
-import './index-f923ba5f.js';
-import { C as CardWrapperContext } from './context-8e9e8a61.js';
-import { H as HealthToolFormWrapper } from './index-6a40d7e1.js';
-import { G as GenderOptionControl } from './index-ea7f9810.js';
+import './index-6c5deb0a.js';
+import './utils-5eb2a3c6.js';
+import './index-38dfad2f.js';
+import { C as CardWrapperContext } from './context-252f5f92.js';
+import { H as HealthToolFormWrapper } from './index-9eaedb4c.js';
+import { G as GenderOptionControl } from './index-feeeec0f.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-7caa116b.js → index-f2026ff7.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-6c42bd44.js';
+import { a as __awaiter } from './tslib.es6-342dc944.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-0e86679b.js';
-import { T as Text } from './index-b6f0631c.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a8de92a3.js';
+import { H as Heading } from './index-46a49be7.js';
+import { T as Text } from './index-feb062d9.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-f2b0767e.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-c6aaa035.js';
+import { D as DEFAULT_IMG } from './constants-55562648.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-860f4cf0.js → index-f3a1db62.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-6c42bd44.js';
+import { _ as __rest } from './tslib.es6-342dc944.js';
 import React__default from 'react';
-import './index-e842f027.js';
+import './index-1ea22145.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-74710b32.js';
-import './index-56f5b519.js';
-import './index-ca854d63.js';
-import './index-779eab84.js';
-import { T as Text$1 } from './index-b6f0631c.js';
-import './index-96cbc5d5.js';
-import './index-62dc8e04.js';
-import './index.styles-6a837490.js';
-import './translationsContext-ed6ee4a3.js';
+import './index-d9bebca9.js';
+import './index-41b5432f.js';
+import './index-b832f5e6.js';
+import './index-6c5deb0a.js';
+import { T as Text$1 } from './index-feb062d9.js';
+import './index-440f6ffb.js';
+import './index-b098c8a7.js';
+import './index.styles-2d733063.js';
+import './translationsContext-39f131a0.js';
 import '@mantine/hooks';
-import './utils-b4c02641.js';
-import './index-f923ba5f.js';
+import './utils-5eb2a3c6.js';
+import './index-38dfad2f.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-5e78a6ee.js → index-fa2991f6.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-6c42bd44.js';
+import { _ as __rest } from './tslib.es6-342dc944.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-74710b32.js';
+import { Z as ZINDEX_SSO } from './index-d9bebca9.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-869ca5a4.js → index-fb10b738.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-dd4c271b.js';
-import { u as useTranslations } from './index-190cd41c.js';
+import { I as Icon } from './index-cb86b025.js';
+import { u as useTranslations } from './index-2874e781.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-b6f0631c.js → index-feb062d9.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-6c42bd44.js';
+import { _ as __rest } from './tslib.es6-342dc944.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-62dc8e04.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-b098c8a7.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-ea7f9810.js → index-feeeec0f.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-6c42bd44.js';
+import { _ as __rest } from './tslib.es6-342dc944.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-e842f027.js';
+import { R as Radio } from './index-1ea22145.js';
 import '@mantine/dates';
-import './index-74710b32.js';
-import './index-56f5b519.js';
-import { C as CommonGAssets } from './index-ca854d63.js';
-import './index-779eab84.js';
-import { T as Text } from './index-b6f0631c.js';
-import './index-96cbc5d5.js';
-import './index-62dc8e04.js';
-import './index.styles-6a837490.js';
-import { u as useTranslations } from './index-190cd41c.js';
+import './index-d9bebca9.js';
+import './index-41b5432f.js';
+import { C as CommonGAssets } from './index-b832f5e6.js';
+import './index-6c5deb0a.js';
+import { T as Text } from './index-feb062d9.js';
+import './index-440f6ffb.js';
+import './index-b098c8a7.js';
+import './index.styles-2d733063.js';
+import { u as useTranslations } from './index-2874e781.js';
 import '@mantine/hooks';
-import './utils-b4c02641.js';
-import './index-f923ba5f.js';
+import './utils-5eb2a3c6.js';
+import './index-38dfad2f.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';