@hhgtech/hhg-components 1.29.412-beta-3 → 1.29.412-beta-5

package/build/vaccination.js

@@ -2,46 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-6b040188.js');
+var tslib_es6 = require('./tslib.es6-016641ae.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$3 = require('./index-22c87e20.js');
+var index$5 = require('./index-e0e87869.js');
 require('@mantine/dates');
-require('./index-b7ea5712.js');
-var index$5 = require('./index-31f6b28e.js');
-require('./index-7e2058c3.js');
-require('./useMantineLocale-917536ef.js');
-var index$2 = require('./index-5e887aac.js');
-var index$1 = require('./index-185d43d2.js');
+require('./index-815c191b.js');
+var index$7 = require('./index-b1f7c296.js');
+require('./index-b1225d2b.js');
+var index$3 = require('./index-42c88e09.js');
+var index$2 = require('./index-680c3d0f.js');
+var index$1 = require('./index-82f6a124.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-a0a0d3ce.js');
-var index = require('./index-6f3b99ef.js');
+require('./index.styles-f592a7d3.js');
+var index = require('./index-dfe59ce0.js');
 var hooks = require('@mantine/hooks');
-require('./other-64c2fb07.js');
-require('./index-af554c34.js');
+require('./text-0463639f.js');
+var utils = require('./utils-d227563f.js');
+require('./index-1bb990de.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-f79c16ef.js');
-var index$4 = require('./index-753aeb3c.js');
-require('./translationsContext-62e3146d.js');
+var index$4 = require('./index-7374a860.js');
+require('./translationsContext-669881fd.js');
 var other = require('@hhgtech/icons/other');
-var useScreenSize = require('./useScreenSize-b975e307.js');
-var index$6 = require('./index-ef00b9e3.js');
+var index$6 = require('./index-bd6e0ada.js');
+var index$8 = require('./index-9fcafe5a.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$8 = require('./index-d1b47679.js');
-var index$7 = require('./index-fe5f29e3.js');
+var index$a = require('./index-975fc897.js');
+var index$9 = require('./index-aaed7aa9.js');
 require('@mantine/carousel');
-require('./Locale-b34a7c99.js');
 require('classnames');
-require('./useUniqueId-dc6fe3ae.js');
+require('./useUniqueId-d59504fc.js');
 require('./constantsSite.js');
+require('./Locale-6e42e9a5.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/notifications');
+require('./shared-8fffd5f5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -309,7 +310,7 @@ const generateTimeLineName = (timeline, t) => {
 const _Badge = (_a) => {
     var _b;
     var { status, sx, content = '' } = _a, rest = tslib_es6.__rest(_a, ["status", "sx", "content"]);
-    return (React__default["default"].createElement(core.Badge, Object.assign({ leftSection: status !== 'all' && (React__default["default"].createElement(index$3.AspectRatio, { ratio: 1, w: 18 },
+    return (React__default["default"].createElement(core.Badge, Object.assign({ leftSection: status !== 'all' && (React__default["default"].createElement(index$5.AspectRatio, { ratio: 1, w: 18 },
             React__default["default"].createElement(_CardIcon, { status: status }))), px: 8, py: 3, radius: 4, sx: Object.assign(Object.assign({ height: 'initial', backgroundColor: index$3.themeColors.blue[0], borderColor: index$3.themeColors.blue[2], color: index$3.themeColors.blue[7] }, MAPPED_STATUS[status]), sx) }, rest),
         React__default["default"].createElement(index$2.Text, { size: "n1", span: true, tt: 'capitalize', color: String((_b = MAPPED_STATUS[status]) === null || _b === void 0 ? void 0 : _b.color) }, content || status)));
 };
@@ -466,7 +467,7 @@ const _ScheduleTimeline = (_a) => {
     var _b, _c;
     var { timeline, onToggle, onTitleClick, isCurrent: _isCurrent = false } = _a, rest = tslib_es6.__rest(_a, ["timeline", "onToggle", "onTitleClick", "isCurrent"]);
     const { t } = index.useTranslations();
-    const { isMobile } = useScreenSize.useScreenSize();
+    const { isMobile } = index$6.useScreenSize();
     const isCurrent = React.useMemo(() => {
         var _a;
         return (_isCurrent ||
@@ -532,7 +533,7 @@ const StyledTimelineBanner = styled__default["default"].div `
 const TimelineBanner = (_a) => {
     var { content, url, icon, gender, name } = _a, rest = tslib_es6.__rest(_a, ["content", "url", "icon", "gender", "name"]);
     const { t } = index.useTranslations();
-    const { isMobile } = useScreenSize.useScreenSize();
+    const { isMobile } = index$6.useScreenSize();
     return (React__default["default"].createElement(StyledTimelineBanner
     // data-theme={siteType}
     , Object.assign({ "data-gender": gender }, rest),
@@ -542,7 +543,7 @@ const TimelineBanner = (_a) => {
                 React__default["default"].createElement(core.Flex, { align: 'center', gap: 6 },
                     React__default["default"].createElement(index$2.Text, { size: "s4", color: miscTheme.theme.colors.primaryBase, weight: "semiBold" }, t('articlePage.readMore')),
                     React__default["default"].createElement(other.ArrowRight, { size: 20, color: miscTheme.theme.colors.primaryBase }))))),
-        icon && (React__default["default"].createElement(index$3.AspectRatio, { ratio: 1, w: isMobile ? 56 : 80, sx: {
+        icon && (React__default["default"].createElement(index$5.AspectRatio, { ratio: 1, w: isMobile ? 56 : 80, sx: {
                 flexShrink: 0,
             } },
             React__default["default"].createElement("img", { alt: "health-tool-icon", src: icon, style: { objectFit: 'contain' }, loading: "lazy" })))));
@@ -583,7 +584,7 @@ const RecordsByAgeGroup = (_a) => {
     //   }
     //   return null
     // }
-    var { schedules, age, onToggle, onTitleClick, gender = index$5.Gender.Boy, hideBanner = false, name } = _a, rest = tslib_es6.__rest(_a, ["schedules", "age", "onToggle", "onTitleClick", "gender", "hideBanner", "name"]);
+    var { schedules, age, onToggle, onTitleClick, gender = index$7.Gender.Boy, hideBanner = false, name } = _a, rest = tslib_es6.__rest(_a, ["schedules", "age", "onToggle", "onTitleClick", "gender", "hideBanner", "name"]);
     // const currentIndex = useMemo(() => {
     //   let idx = schedules[0].id
     //   schedules.some((schedule, scheduleIndex) =>
@@ -610,7 +611,7 @@ const RecordsByAgeGroup = (_a) => {
     return (React__default["default"].createElement("div", Object.assign({}, rest), schedules.map((schedule, index) => {
         var _a;
         return (React__default["default"].createElement(React__default["default"].Fragment, null, ((_a = schedule.timelines) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React__default["default"].createElement("div", { key: schedule.id },
-            schedule.title && !shouldHideBanner[index] && (React__default["default"].createElement(TimelineBanner, { content: schedule.title, gender: gender, icon: gender === index$5.Gender.Boy ? schedule.iconBoy : schedule.iconGirl, url: schedule.readMoreUrl, name: name })),
+            schedule.title && !shouldHideBanner[index] && (React__default["default"].createElement(TimelineBanner, { content: schedule.title, gender: gender, icon: gender === index$7.Gender.Boy ? schedule.iconBoy : schedule.iconGirl, url: schedule.readMoreUrl, name: name })),
             schedule.timelines.map((timeline) => (React__default["default"].createElement(_ScheduleTimeline, { key: timeline.id, timeline: timeline, onTitleClick: onTitleClick, onToggle: onToggle, isCurrent: getIsCurrent(timeline) })))))));
     })));
 };
@@ -621,7 +622,7 @@ const noop = () => { };
 const _ConfirmModal = (_a) => {
     var { onSubmit, date } = _a, rest = tslib_es6.__rest(_a, ["onSubmit", "date"]);
     const { t } = index.useTranslations();
-    return (React__default["default"].createElement(index$6.Modal, Object.assign({ withinPortal: true, zIndex: 500, styles: {
+    return (React__default["default"].createElement(index$8.Modal, Object.assign({ withinPortal: true, zIndex: 500, styles: {
             body: {
                 padding: 32,
             },
@@ -633,7 +634,7 @@ const _ConfirmModal = (_a) => {
             React__default["default"].createElement("svg", { width: "80", height: "80", viewBox: "0 0 80 80", fill: "none" },
                 React__default["default"].createElement("path", { d: "M40 73.333c18.41 0 33.333-14.923 33.333-33.333S58.41 6.667 40 6.667 6.667 21.59 6.667 40 21.59 73.333 40 73.333", fill: "#FFB521" }),
                 React__default["default"].createElement("path", { d: "M39.325 48.609a2.48 2.48 0 0 1-2.48-2.48V29.147a2.48 2.48 0 1 1 4.959 0V46.13a2.48 2.48 0 0 1-2.48 2.479m.001 8.058a2.658 2.658 0 1 0 0-5.316 2.658 2.658 0 0 0 0 5.316", fill: "#fff" })),
-            React__default["default"].createElement(index$7.Heading, { tag: "h4" }, t('babyVaccine.popup.confirm.title')),
+            React__default["default"].createElement(index$9.Heading, { tag: "h4" }, t('babyVaccine.popup.confirm.title')),
             React__default["default"].createElement(index$2.Text, { size: "p2", color: "gray.6" },
                 React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                         __html: t('babyVaccine.popup.confirm.description', {
@@ -754,7 +755,7 @@ const _DefaultForm = (_a) => {
         React__default["default"].createElement("form", Object.assign({ onSubmit: form$1.onSubmit(onSubmit) }, rest),
             React__default["default"].createElement(core.Stack, { spacing: 20 },
                 React__default["default"].createElement(VaccineCardModal, { vaccineRecord: Object.assign(Object.assign({}, record), { status }), onToggle: (status) => form$1.setFieldValue('injected', status) }),
-                React__default["default"].createElement(index$8.DatePicker, Object.assign({ label: React__default["default"].createElement(index$2.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 }, t('babyVaccine.popup.checkbox.suggestedDate')), disabled: record.status === 'vaccinated', excludeDate: (date) => dayjs__default["default"](date).isAfter(dayjs__default["default"]().add(7, 'D')) ||
+                React__default["default"].createElement(index$a.DatePicker, Object.assign({ label: React__default["default"].createElement(index$2.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 }, t('babyVaccine.popup.checkbox.suggestedDate')), disabled: record.status === 'vaccinated', excludeDate: (date) => dayjs__default["default"](date).isAfter(dayjs__default["default"]().add(7, 'D')) ||
                         dayjs__default["default"](date).isBefore(dayjs__default["default"](birthday, 'YYYY-MM-DD', true), 'D') }, form$1.getInputProps('date'), { dropdownType: "modal", modalProps: {
                         centered: true,
                         styles: {
@@ -865,7 +866,7 @@ const _ImmunizationForm = (_a) => {
 const VaccineDetailPopup = (_a) => {
     var { currentRecord, vaccineDetail, isDetail, onSubmit: _onSubmit, template = 'default', shouldAutoInjected = true, birthday, className } = _a, rest = tslib_es6.__rest(_a, ["currentRecord", "vaccineDetail", "isDetail", "onSubmit", "template", "shouldAutoInjected", "birthday", "className"]);
     const { t } = index.useTranslations();
-    const { isMobile } = useScreenSize.useScreenSize();
+    const { isMobile } = index$6.useScreenSize();
     const [activeTab, setActiveTab] = React.useState();
     const options = [
         {
@@ -890,7 +891,7 @@ const VaccineDetailPopup = (_a) => {
         return null;
     if (template === 'immunization' && !vaccineDetail)
         return null;
-    return (React__default["default"].createElement(index$6.Modal, Object.assign({}, rest, { title: React__default["default"].createElement(index$2.Text, { size: "s3", weight: "semiBold" }, t('babyVaccine.popup.title')), withCloseButton: true, size: 500, styles: {
+    return (React__default["default"].createElement(index$8.Modal, Object.assign({}, rest, { title: React__default["default"].createElement(index$2.Text, { size: "s3", weight: "semiBold" }, t('babyVaccine.popup.title')), withCloseButton: true, size: 500, styles: {
             content: {
                 [utils.MediaQueries.mbUp]: { height: 560 },
             },
@@ -914,7 +915,7 @@ const VaccineDetailPopup = (_a) => {
 };
 
 const _Header = ({ numberOfDoses }) => {
-    const { isMobile } = useScreenSize.useScreenSize();
+    const { isMobile } = index$6.useScreenSize();
     const { t } = index.useTranslations();
     return (React__default["default"].createElement(core.Flex, { px: { base: 0, md: 16 } },
         !isMobile && (React__default["default"].createElement(index$2.Text, { size: "s4", weight: "semiBold", sx: { flexGrow: 1 }, color: miscTheme.theme.colors.gray600 }, t('babyVaccine.immunization.vaccineName'))),
@@ -953,7 +954,7 @@ const Header = React__default["default"].memo(_Header);
 const _Warning = () => {
     const { t } = index.useTranslations();
     return (React__default["default"].createElement(core.Flex, { gap: 14, bg: miscTheme.theme.colors.neutral50, p: 12, sx: { borderRadius: 8 }, align: 'start' },
-        React__default["default"].createElement(index$3.AspectRatio, { ratio: 1, w: 24 },
+        React__default["default"].createElement(index$5.AspectRatio, { ratio: 1, w: 24 },
             React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
                 React__default["default"].createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m-1-8h2V7h-2z", fill: "#595959" }))),
         React__default["default"].createElement(index$2.Text, { size: "p3" }, t('babyVaccine.immunization.warning'))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.412-beta-3",
+  "version": "1.29.412-beta-5",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [
@@ -173,7 +173,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.5",
-    "@hhgtech/icons": "^0.0.44",
+    "@hhgtech/icons": "^0.0.62",
     "@hookform/resolvers": "^2.9.10",
     "@mantine/carousel": "6.0.21",
     "@mantine/core": "6.0.21",

package/build/components/mantine/text/index.styled.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any>;
-}>;

package/build/esm/components/mantine/text/index.styled.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any>;
-}>;

package/build/esm/other-538b6824.js

@@ -1,103 +0,0 @@
-import { rem } from '@mantine/core';
-
-var FontWeight;
-(function (FontWeight) {
-    FontWeight[FontWeight["regular"] = 400] = "regular";
-    FontWeight[FontWeight["halfBold"] = 500] = "halfBold";
-    FontWeight[FontWeight["semiBold"] = 600] = "semiBold";
-    FontWeight[FontWeight["bold"] = 700] = "bold";
-})(FontWeight || (FontWeight = {}));
-const GlobalTextStyle = {
-    fontSize: {
-        base: [rem(16), rem(16)],
-        lg: [rem(18), rem(16)],
-        md: [rem(18), rem(16)],
-        sm: [rem(16), rem(14)],
-        xs: [rem(14), rem(12)],
-        s1: [rem(22), rem(18)],
-        s2: [rem(18), rem(16)],
-        s3: [rem(16), rem(14)],
-        s4: [rem(14), rem(12)],
-        s5: [rem(12), rem(12)],
-        p1: [rem(18), rem(16)],
-        p2: [rem(16), rem(16)],
-        p3: [rem(16), rem(14)],
-        p4: [rem(14), rem(12)],
-        p5: [rem(12), rem(12)],
-        c1: [rem(16), rem(14)],
-        c2: [rem(14), rem(12)],
-        n1: [rem(12), rem(12)],
-        label1: [rem(14), rem(14)],
-        label2: [rem(12), rem(12)],
-        h1: [rem(40), rem(26)],
-        h2: [rem(32), rem(24)],
-        h3: [rem(26), rem(20)],
-        h4: [rem(22), rem(18)],
-        h5: [rem(18), rem(16)],
-        h6: [rem(16), rem(14)],
-    },
-    lineHeight: {
-        base: [rem(24), rem(24)],
-        lg: [rem(32), rem(28)],
-        md: [rem(32), rem(28)],
-        sm: [rem(24), rem(22)],
-        xs: [rem(24), rem(18)],
-        s1: [rem(32), rem(26)],
-        s2: [rem(28), rem(24)],
-        s3: [rem(24), rem(24)],
-        s4: [rem(22), rem(18)],
-        s5: [rem(18), rem(18)],
-        p1: [rem(28), rem(28)],
-        p2: [rem(24), rem(24)],
-        p3: [rem(24), rem(22)],
-        p4: [rem(22), rem(18)],
-        c1: [rem(24), rem(22)],
-        c2: [rem(22), rem(18)],
-        n1: [rem(18), rem(18)],
-        label1: [rem(22), rem(22)],
-        label2: [rem(18), rem(18)],
-        h1: [rem(52), rem(34)],
-        h2: [rem(42), rem(32)],
-        h3: [rem(36), rem(26)],
-        h4: [rem(32), rem(26)],
-        h5: [rem(28), rem(24)],
-        h6: [rem(24), rem(22)],
-    },
-    letterSpacing: {
-        lg: [-0.2, 0],
-        md: [-0.2, 0],
-        sm: [0, -0.2],
-        s1: [-0.6, -0.6],
-        s2: [-0.4, -0.2],
-        s3: [0, -0.2],
-        s4: [0, -0.2],
-        p1: [-0.2, -0.2],
-        p2: [0, -0.2],
-        p3: [0, -0.2],
-        p4: [-0.2, 0],
-        label1: [0, -0.2],
-        h1: [-1.2, -0.9],
-        h2: [-1, -0.8],
-        h3: [-0.8, -0.7],
-        h4: [-0.6, -0.6],
-        h5: [-0.2, -0.2],
-        h6: [0, -0.2],
-    },
-    fontWeightBySize: {
-        s1: FontWeight.semiBold,
-        s2: FontWeight.semiBold,
-        s3: FontWeight.semiBold,
-        s4: FontWeight.semiBold,
-        h1: FontWeight.bold,
-        h2: FontWeight.bold,
-        h3: FontWeight.bold,
-        h4: FontWeight.bold,
-        h5: FontWeight.bold,
-        h6: FontWeight.bold,
-    },
-    fontWeight: FontWeight,
-};
-
-const OTHER_THEME_CONFIG = Object.assign({}, GlobalTextStyle);
-
-export { FontWeight as F, OTHER_THEME_CONFIG as O };

package/build/esm/useMantineLocale-1b51a3e8.js

@@ -1,156 +0,0 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-110d8bc2.js';
-import React__default, { useState, useEffect } from 'react';
-import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO } from './index-583e1565.js';
-import { em } from '@mantine/core';
-import { S as Screens, M as MediaQueries } from './utils-cfd7d31f.js';
-import { O as OTHER_THEME_CONFIG } from './other-538b6824.js';
-import dayjs from 'dayjs';
-import './index-30485f1e.js';
-import { L as LOCALE } from './Locale-37173809.js';
-
-const DangerIcon = () => (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React__default.createElement("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10", fill: "#262626" }),
-    React__default.createElement("path", { d: "m14.829 9.172-5.657 5.656m-.001-5.656 5.657 5.656", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-const InfoIcon = () => (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React__default.createElement("path", { d: "M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12", fill: "#2D87F3" }),
-    React__default.createElement("path", { d: "M8 11V8m0-3h.01", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-const SuccessIcon = () => (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React__default.createElement("path", { d: "M10 18.333a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666", fill: "#00B16A" }),
-    React__default.createElement("path", { d: "m13.833 7.5-5.5 5-2.5-2.273", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-const WarningIcon = () => (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 1.66666C5.4 1.66666 1.66667 5.39999 1.66667 9.99999C1.66667 14.6 5.4 18.3333 10 18.3333C14.6 18.3333 18.3333 14.6 18.3333 9.99999C18.3333 5.39999 14.6 1.66666 10 1.66666ZM10 10.8333C9.54167 10.8333 9.16667 10.4583 9.16667 9.99999V6.66666C9.16667 6.20832 9.54167 5.83332 10 5.83332C10.4583 5.83332 10.8333 6.20832 10.8333 6.66666V9.99999C10.8333 10.4583 10.4583 10.8333 10 10.8333ZM9.16667 12.5V14.1667H10.8333V12.5H9.16667Z", fill: "#FE921D" })));
-
-function NotificationsHandler() {
-    return (React__default.createElement(Notifications, { position: "top-right", zIndex: ZINDEX_SSO + 5, autoClose: 5000 }));
-}
-const MappingColor = {
-    success: 'green',
-    danger: 'red',
-    warning: 'yellow',
-    info: 'blue',
-    firebase: 'gray',
-};
-const MappingIcon = {
-    success: React__default.createElement(SuccessIcon, null),
-    danger: React__default.createElement(DangerIcon, null),
-    warning: React__default.createElement(WarningIcon, null),
-    info: React__default.createElement(InfoIcon, null),
-    firebase: '',
-};
-const showNotification = (_a) => {
-    var { type, title } = _a, rest = __rest(_a, ["type", "title"]);
-    const icon = MappingIcon[type];
-    // Most used notification props
-    notifications.show(Object.assign(Object.assign({ title: React__default.createElement("b", null, title), icon, withCloseButton: true, closeButtonProps: {
-            label: 'Close alert',
-        } }, rest), { styles: (theme) => {
-            const mapColor = MappingColor[type] || 'blue';
-            return {
-                root: {
-                    backgroundColor: theme.colors[mapColor][0],
-                    borderColor: theme.colors[mapColor][0],
-                    '&::before': { backgroundColor: theme.white },
-                },
-                title: { color: theme.colors[mapColor][8] },
-                description: { color: theme.black },
-                closeButton: {
-                    color: theme.black,
-                    '&:hover': {
-                        backgroundColor: theme.colors[mapColor][0],
-                    },
-                },
-                icon: {
-                    backgroundColor: 'transparent',
-                    padding: 0,
-                },
-            };
-        } }));
-};
-
-const GlobalContainerStyle = {
-    Container: {
-        defaultProps: {
-            sizes: {
-                lg: em(Screens.LG),
-            },
-        },
-    },
-};
-
-const headingStyles = [
-    { size: '40px', lineHeight: '52px', letterSpacing: '-1.2px' },
-    { size: '32px', lineHeight: '42px', letterSpacing: '-1px' },
-    { size: '26px', lineHeight: '36px', letterSpacing: '-0.8px' },
-    { size: '22px', lineHeight: '32px', letterSpacing: '-0.6px' },
-    { size: '18px', lineHeight: '28px', letterSpacing: '-0.2px' },
-    { size: '16px', lineHeight: '24px', letterSpacing: 0 },
-];
-const headingStylesMBDown = [
-    { size: '26px', lineHeight: '34px', letterSpacing: '-0.9px' },
-    { size: '24px', lineHeight: '32px', letterSpacing: '-0.8px' },
-    { size: '20px', lineHeight: '26px', letterSpacing: '-0.7px' },
-    { size: '18px', lineHeight: '26px', letterSpacing: '-0.6px' },
-    { size: '16px', lineHeight: '24px', letterSpacing: '-0.2px' },
-    { size: '14px', lineHeight: '22px', letterSpacing: '-0.2px' },
-];
-const getHeadingStyles = (mbDown = false) => Object.fromEntries((mbDown ? headingStylesMBDown : headingStyles).map((style, index) => [
-    `h${index + 1}`,
-    {
-        fontSize: style.size,
-        lineHeight: style.lineHeight,
-        letterSpacing: style.letterSpacing,
-    },
-]));
-const GlobalHeadingStyle = {
-    Title: {
-        styles: {
-            root: Object.assign(Object.assign({ fontWeight: OTHER_THEME_CONFIG.fontWeight.bold }, getHeadingStyles()), { [`&${MediaQueries.mbDown}`]: Object.assign({}, getHeadingStyles(true)) }),
-        },
-    },
-};
-
-// Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
-const MAPPED_LOCALE = {
-    [LOCALE.Vietnam]: 'vi',
-    [LOCALE.Cambodia]: 'km',
-    [LOCALE.India]: 'hi',
-    [LOCALE.Indonesia]: 'id',
-    [LOCALE.Malaysia]: 'ms',
-    [LOCALE.Thailand]: 'th',
-    [LOCALE.Taiwan]: 'zh-tw',
-    [LOCALE.PhilippinesTagalog]: 'tl-ph',
-    [LOCALE.PhilippinesEnglish]: 'en',
-    [LOCALE.Myanmar]: 'my',
-    [LOCALE.Singapore]: 'zh-cn',
-};
-const LOCALE_LOADERS = {
-    [LOCALE.Vietnam]: () => import('dayjs/locale/vi.js'),
-    [LOCALE.Cambodia]: () => import('dayjs/locale/km.js'),
-    [LOCALE.India]: () => import('dayjs/locale/hi.js'),
-    [LOCALE.Indonesia]: () => import('dayjs/locale/id.js'),
-    [LOCALE.Malaysia]: () => import('dayjs/locale/ms.js'),
-    [LOCALE.Thailand]: () => import('dayjs/locale/th.js'),
-    [LOCALE.Taiwan]: () => import('dayjs/locale/zh-tw.js'),
-    [LOCALE.Singapore]: () => import('dayjs/locale/zh-cn.js'),
-    [LOCALE.PhilippinesTagalog]: () => import('dayjs/locale/tl-ph.js'),
-    [LOCALE.PhilippinesEnglish]: () => import('dayjs/locale/en.js'),
-    [LOCALE.Myanmar]: () => import('dayjs/locale/my.js'),
-};
-const useMantineLocale = (locale) => {
-    const [isLoaded, setIsLoaded] = useState(false);
-    useEffect(() => {
-        (() => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            setIsLoaded(false);
-            yield ((_a = LOCALE_LOADERS[locale]) === null || _a === void 0 ? void 0 : _a.call(LOCALE_LOADERS));
-            dayjs.locale(MAPPED_LOCALE[locale]);
-            setIsLoaded(true);
-        }))();
-    }, [locale]);
-    return {
-        isLoaded,
-    };
-};
-
-export { GlobalHeadingStyle as G, MAPPED_LOCALE as M, NotificationsHandler as N, GlobalContainerStyle as a, getHeadingStyles as g, showNotification as s, useMantineLocale as u };

package/build/other-64c2fb07.js

@@ -1,105 +0,0 @@
-'use strict';
-
-var core = require('@mantine/core');
-
-exports.FontWeight = void 0;
-(function (FontWeight) {
-    FontWeight[FontWeight["regular"] = 400] = "regular";
-    FontWeight[FontWeight["halfBold"] = 500] = "halfBold";
-    FontWeight[FontWeight["semiBold"] = 600] = "semiBold";
-    FontWeight[FontWeight["bold"] = 700] = "bold";
-})(exports.FontWeight || (exports.FontWeight = {}));
-const GlobalTextStyle = {
-    fontSize: {
-        base: [core.rem(16), core.rem(16)],
-        lg: [core.rem(18), core.rem(16)],
-        md: [core.rem(18), core.rem(16)],
-        sm: [core.rem(16), core.rem(14)],
-        xs: [core.rem(14), core.rem(12)],
-        s1: [core.rem(22), core.rem(18)],
-        s2: [core.rem(18), core.rem(16)],
-        s3: [core.rem(16), core.rem(14)],
-        s4: [core.rem(14), core.rem(12)],
-        s5: [core.rem(12), core.rem(12)],
-        p1: [core.rem(18), core.rem(16)],
-        p2: [core.rem(16), core.rem(16)],
-        p3: [core.rem(16), core.rem(14)],
-        p4: [core.rem(14), core.rem(12)],
-        p5: [core.rem(12), core.rem(12)],
-        c1: [core.rem(16), core.rem(14)],
-        c2: [core.rem(14), core.rem(12)],
-        n1: [core.rem(12), core.rem(12)],
-        label1: [core.rem(14), core.rem(14)],
-        label2: [core.rem(12), core.rem(12)],
-        h1: [core.rem(40), core.rem(26)],
-        h2: [core.rem(32), core.rem(24)],
-        h3: [core.rem(26), core.rem(20)],
-        h4: [core.rem(22), core.rem(18)],
-        h5: [core.rem(18), core.rem(16)],
-        h6: [core.rem(16), core.rem(14)],
-    },
-    lineHeight: {
-        base: [core.rem(24), core.rem(24)],
-        lg: [core.rem(32), core.rem(28)],
-        md: [core.rem(32), core.rem(28)],
-        sm: [core.rem(24), core.rem(22)],
-        xs: [core.rem(24), core.rem(18)],
-        s1: [core.rem(32), core.rem(26)],
-        s2: [core.rem(28), core.rem(24)],
-        s3: [core.rem(24), core.rem(24)],
-        s4: [core.rem(22), core.rem(18)],
-        s5: [core.rem(18), core.rem(18)],
-        p1: [core.rem(28), core.rem(28)],
-        p2: [core.rem(24), core.rem(24)],
-        p3: [core.rem(24), core.rem(22)],
-        p4: [core.rem(22), core.rem(18)],
-        c1: [core.rem(24), core.rem(22)],
-        c2: [core.rem(22), core.rem(18)],
-        n1: [core.rem(18), core.rem(18)],
-        label1: [core.rem(22), core.rem(22)],
-        label2: [core.rem(18), core.rem(18)],
-        h1: [core.rem(52), core.rem(34)],
-        h2: [core.rem(42), core.rem(32)],
-        h3: [core.rem(36), core.rem(26)],
-        h4: [core.rem(32), core.rem(26)],
-        h5: [core.rem(28), core.rem(24)],
-        h6: [core.rem(24), core.rem(22)],
-    },
-    letterSpacing: {
-        lg: [-0.2, 0],
-        md: [-0.2, 0],
-        sm: [0, -0.2],
-        s1: [-0.6, -0.6],
-        s2: [-0.4, -0.2],
-        s3: [0, -0.2],
-        s4: [0, -0.2],
-        p1: [-0.2, -0.2],
-        p2: [0, -0.2],
-        p3: [0, -0.2],
-        p4: [-0.2, 0],
-        label1: [0, -0.2],
-        h1: [-1.2, -0.9],
-        h2: [-1, -0.8],
-        h3: [-0.8, -0.7],
-        h4: [-0.6, -0.6],
-        h5: [-0.2, -0.2],
-        h6: [0, -0.2],
-    },
-    fontWeightBySize: {
-        s1: exports.FontWeight.semiBold,
-        s2: exports.FontWeight.semiBold,
-        s3: exports.FontWeight.semiBold,
-        s4: exports.FontWeight.semiBold,
-        h1: exports.FontWeight.bold,
-        h2: exports.FontWeight.bold,
-        h3: exports.FontWeight.bold,
-        h4: exports.FontWeight.bold,
-        h5: exports.FontWeight.bold,
-        h6: exports.FontWeight.bold,
-    },
-    fontWeight: exports.FontWeight,
-};
-
-const OTHER_THEME_CONFIG = Object.assign({}, GlobalTextStyle);
-
-exports.OTHER_THEME_CONFIG = OTHER_THEME_CONFIG;