@hhgtech/hhg-components 1.29.500-beta-10 → 1.29.500-beta-12

package/build/{index-3abd018e.js → index-042bcbf1.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-591e35ce.js');
+require('./index-2aab592c.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-7aec2363.js');
+var Locale = require('./Locale-26d0e166.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -159,6 +159,18 @@ const LOCALE_SPECS = {
         ABOUT_US_IMAGE: '/fil/images/aboutus/PH.png',
     },
 };
+const COUNTRY_LIST = [
+    { countryCode: 'VN', countryName: 'Việt Nam', languageCode: 'vi' },
+    { countryCode: 'PH', countryName: 'Philippines', languageCode: 'en' },
+    { countryCode: 'TH', countryName: 'ประเทศไทย', languageCode: 'th' },
+    { countryCode: 'KH', countryName: 'កម្ពុជា', languageCode: 'km' },
+    { countryCode: 'MM', countryName: 'မြန်မာ', languageCode: 'my' },
+    { countryCode: 'TW', countryName: '台灣', languageCode: 'zh' },
+    { countryCode: 'SG', countryName: '新加坡', languageCode: 'zh' },
+    { countryCode: 'ID', countryName: 'Indonesia', languageCode: 'id' },
+    { countryCode: 'IN', countryName: 'भारत', languageCode: 'hi' },
+    { countryCode: 'MY', countryName: 'Malaysia', languageCode: 'ms' },
+];
 const STATIC_PAGES = {
     'vi-VN': {
         PRIVACY: '/privacy',
@@ -817,6 +829,7 @@ var index = /*#__PURE__*/Object.freeze({
   SSO_URL: SSO_URL,
   USER_GEOLOCATION_COORDINATES_COOKIE: USER_GEOLOCATION_COORDINATES_COOKIE,
   LOCALE_SPECS: LOCALE_SPECS,
+  COUNTRY_LIST: COUNTRY_LIST,
   STATIC_PAGES: STATIC_PAGES,
   UP_BASEPATH: UP_BASEPATH,
   LOCALE_HAS_COMMUNITY_SITE: LOCALE_HAS_COMMUNITY_SITE,
@@ -858,6 +871,7 @@ exports.BEARER_TOKEN_COOKIE = BEARER_TOKEN_COOKIE;
 exports.CARE_BOOKING_LOCALES = CARE_BOOKING_LOCALES;
 exports.CARE_LOCALES = CARE_LOCALES;
 exports.CDN_ADDRESS = CDN_ADDRESS;
+exports.COUNTRY_LIST = COUNTRY_LIST;
 exports.DATA_PRIVACY_LOCALES = DATA_PRIVACY_LOCALES;
 exports.DATE_FNS_DATE_FORMAT = DATE_FNS_DATE_FORMAT;
 exports.DATE_FNS_LOCALE = DATE_FNS_LOCALE;

package/build/{index-06e42c7a.js → index-0b015f81.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-714cb8a9.js');
+var tslib_es6 = require('./tslib.es6-86f1ae7f.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-49cde047.js');
-var togetherComponentGlobalContext = require('./utils-fbab8787.js');
+var index$1 = require('./index-dc6282db.js');
+var togetherComponentGlobalContext = require('./utils-f49cf213.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-2747b802.js');
-var post = require('./post-258b5c46.js');
-var index = require('./index-3ca07a4e.js');
+var constants = require('./constants-c7191880.js');
+var post = require('./post-6d2302bd.js');
+var index = require('./index-f442bf2c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-05c12f22.js → index-0cec65f1.js}

@@ -1,55 +1,55 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-714cb8a9.js');
+var tslib_es6 = require('./tslib.es6-86f1ae7f.js');
 var React = require('react');
-var index$1 = require('./index-ccd59c12.js');
-var index = require('./index-03fd4be1.js');
-require('./index-591e35ce.js');
-var dataTransform = require('./dataTransform-6d6daec9.js');
+var index$1 = require('./index-3d5ff309.js');
+var index = require('./index-e0ea9cd6.js');
+require('./index-2aab592c.js');
+var dataTransform = require('./dataTransform-87fe295d.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-fbab8787.js');
+var togetherComponentGlobalContext = require('./utils-f49cf213.js');
 var core = require('@hhgtech/icons/core');
 var core$1 = require('@mantine/core');
-var togetherMoleculesCardAuthor = require('./index-cd55012a.js');
-var Locale = require('./Locale-7aec2363.js');
+var togetherMoleculesCardAuthor = require('./index-36077ee1.js');
+var Locale = require('./Locale-26d0e166.js');
 require('@hhgtech/icons/other');
-require('./index-29ae9f83.js');
-require('./shared-41446776.js');
-require('./index-9f274013.js');
-require('./index-ebfbd780.js');
-require('./index-f1ecf8cd.js');
-require('./translationsContext-39058853.js');
-require('./index-3b96e9eb.js');
-require('./index-fb5c5220.js');
+require('./index-4266b083.js');
+require('./shared-44d8c07f.js');
+require('./index-edbc40ef.js');
+require('./index-bf250bad.js');
+require('./index-493e0317.js');
+require('./translationsContext-f759b90c.js');
+require('./index-2fe8cc92.js');
+require('./index-57367f16.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./constantsIsProduction.js');
 require('string-format');
-require('./constants-2747b802.js');
+require('./constants-c7191880.js');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('./utils-90d97728.js');
-require('./index-a9af8fce.js');
-require('./paths-35a68135.js');
-require('./constants-5dba82fb.js');
-require('./index-3abd018e.js');
+require('./utils-036f9c10.js');
+require('./index-a3cd150e.js');
+require('./paths-371eab68.js');
+require('./constants-1a4fdc91.js');
+require('./index-042bcbf1.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
-require('./index-206ff817.js');
+require('./index-8bf9799f.js');
 require('./miscTheme.js');
-require('./WhatsApp-2daede09.js');
-require('./Spinner-a76c183c.js');
-require('./index-ea5c388e.js');
+require('./WhatsApp-d8ff2d3a.js');
+require('./Spinner-4e0fbbc8.js');
+require('./index-62fcc0b1.js');
 require('@emotion/styled');
-require('./index-49cde047.js');
-require('./index-2c968a63.js');
-require('./index-3ca07a4e.js');
+require('./index-dc6282db.js');
+require('./index-ed29e2b2.js');
+require('./index-f442bf2c.js');
 require('@emotion/react');
-require('./index-9986170c.js');
-require('./index-b9bd6784.js');
-require('./index.styles-3cd8dfb5.js');
+require('./index-ce5e7167.js');
+require('./index-c79e967a.js');
+require('./index.styles-7bcf8176.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-a0fec7e6.js → index-0e0c7193.js}

@@ -1,25 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-714cb8a9.js');
+var tslib_es6 = require('./tslib.es6-86f1ae7f.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$1 = require('./index-2c968a63.js');
-var index = require('./index-9f274013.js');
-var index$3 = require('./index-49cde047.js');
+var index$1 = require('./index-ed29e2b2.js');
+var index = require('./index-edbc40ef.js');
+var index$3 = require('./index-dc6282db.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$2 = require('./index-ebfbd780.js');
-var index$4 = require('./index-f091f440.js');
+var index$2 = require('./index-bf250bad.js');
+var index$4 = require('./index-99f14b98.js');
 var miscTheme = require('./miscTheme.js');
+var shared = require('./shared-44d8c07f.js');
 var classNames = require('classnames');
 var uuid = require('uuid');
-var useUniqueId = require('./useUniqueId-05b9a5d0.js');
+var useUniqueId = require('./useUniqueId-d56f1cd2.js');
 var constantsSite = require('./constantsSite.js');
 var react = require('@emotion/react');
 var core$1 = require('@hhgtech/icons/core');
-var index$5 = require('./index-29ae9f83.js');
+var index$5 = require('./index-4266b083.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -347,16 +348,96 @@ const FileInput = (props) => {
     return React__namespace["default"].createElement(core.FileInput, Object.assign({ size: "md" }, props));
 };
 
-var useStyles$1 = core.createStyles((theme, { variantStyle }) => {
-    const isLeadgenStyle = variantStyle === index.CustomStylesType.LEADGEN;
-    const commonStyle = {
-        fontSize: core.rem(15),
-        lineHeight: core.rem(24),
+const sizeMap = {
+    lg: {
+        height: 48,
+        fontSize: core.rem(16),
+        lineHeight: '24px',
+    },
+    md: {
+        height: 40,
+        fontSize: core.rem(14),
+        lineHeight: '22px',
+    },
+    sm: {
+        height: 32,
+        fontSize: core.rem(14),
+        lineHeight: '22px',
+    },
+    xs: {
+        height: 32,
+        fontSize: core.rem(13),
+        lineHeight: core.rem(20),
         letterSpacing: '-0.3px',
-        color: theme.colors.gray[4],
-    };
+    },
+};
+var useStyles$1 = core.createStyles((theme, { variantStyle, size, }) => {
+    const isLeadgenStyle = variantStyle === index.CustomStylesType.LEADGEN;
+    const base = sizeMap[size] || {};
+    const leadgenPatch = isLeadgenStyle
+        ? size === 'sm'
+            ? { height: 36, fontSize: core.rem(13), letterSpacing: '-0.3px' }
+            : { fontSize: core.rem(15), letterSpacing: '-0.3px' }
+        : {};
+    // const commonStyle = {
+    //   fontSize: rem(15),
+    //   lineHeight: rem(24),
+    //   letterSpacing: '-0.3px',
+    //   color: theme.colors.gray[4],
+    // }
     return {
-        input: Object.assign({}, (isLeadgenStyle && Object.assign(Object.assign({}, commonStyle), { color: '#111111', paddingLeft: 16, paddingRight: 16, '&::placeholder': Object.assign(Object.assign({}, commonStyle), { color: theme.colors.gray[4] }) }))),
+        input: {
+            border: `1px solid ${theme.colors.gray[2]}`,
+            transition: `all ${shared.ANIMATION_DURATION} ease-in-out`,
+            ['&:not(.mantine-Textarea-input)']: Object.assign(Object.assign({ minHeight: 'unset' }, base), leadgenPatch),
+            '&:hover': {
+                border: `1px solid ${theme.fn.primaryColor()}`,
+                // boxShadow: `0 0 2px 2px ${theme.colors.primary200}`,
+            },
+            '&:focus': {
+                boxShadow: `0px 0px 0px 2px ${theme.colors[theme.primaryColor][2]}`,
+            },
+            '&[data-invalid="true"]': {
+                border: `1px solid ${theme.colors.red600}`,
+                color: '#000',
+            },
+            // ...(isLeadgenStyle && {
+            //   ...commonStyle,
+            //   color: '#111111',
+            //   paddingLeft: 16,
+            //   paddingRight: 16,
+            //   '&::placeholder': {
+            //     ...commonStyle,
+            //     color: theme.colors.gray[4],
+            //   },
+            // }),
+        },
+        rightSection: Object.assign({ color: theme.colors.gray[4] }, (() => {
+            switch (size) {
+                case 'lg':
+                    return Object.assign({ fontSize: core.rem(16) }, (isLeadgenStyle && {
+                        fontSize: core.rem(15),
+                    }));
+                case 'md':
+                    return Object.assign({ fontSize: core.rem(14) }, (isLeadgenStyle && {
+                        fontSize: core.rem(15),
+                        letterSpacing: '-0.3px',
+                    }));
+                case 'sm':
+                    return Object.assign({ height: 32, fontSize: core.rem(14), lineHeight: '22px' }, (isLeadgenStyle && {
+                        height: 36,
+                        fontSize: core.rem(13),
+                        letterSpacing: '-0.3px',
+                    }));
+                case 'xs':
+                    return {
+                        height: 32,
+                        lineHeight: core.rem(20),
+                        fontSize: core.rem(13),
+                        letterSpacing: '-0.3px',
+                    };
+            }
+        })()),
     };
 });
 
@@ -367,20 +448,25 @@ const emotionCache = core.createEmotionCache({
 });
 
 const NumberInput = (_a) => {
-    var { value: _value, onChange: _onChange } = _a, props = tslib_es6.__rest(_a, ["value", "onChange"]);
+    var { value: _value, onChange: _onChange, size = 'md', styles, classNames } = _a, props = tslib_es6.__rest(_a, ["value", "onChange", "size", "styles", "classNames"]);
     const [value, setValue] = React.useState(_value);
     const [debounced] = hooks.useDebouncedValue(value, DEBOUNCED_TIME);
+    const variantStyle = index.useTemplateVariant();
+    const { classes } = useStyles$1({ variantStyle, size }, { name: 'MantineInput', styles, classNames });
     React.useEffect(() => {
         _onChange === null || _onChange === void 0 ? void 0 : _onChange(debounced);
     }, [debounced]);
     React.useEffect(() => {
         setValue(_value);
     }, [_value]);
-    return (React__namespace["default"].createElement(core.NumberInput, Object.assign({ size: "md", stepHoldDelay: 500, stepHoldInterval: (t) => Math.max(1000 / Math.pow(t, 2), 25), onChange: setValue, hideControls: true, min: 0, formatter: (value) => {
+    return (React__namespace["default"].createElement(core.NumberInput, Object.assign({ stepHoldDelay: 500, stepHoldInterval: (t) => Math.max(1000 / Math.pow(t, 2), 25), onChange: setValue, hideControls: true, min: 0, formatter: (value) => {
             if (Number(value) === 0)
                 return value;
             return value || '';
-        }, removeTrailingZeros: true, value: value }, props)));
+        }, removeTrailingZeros: true, value: value }, props, { size: size, classNames: {
+            input: classes.input,
+            rightSection: classes.rightSection,
+        } })));
 };
 
 const EyeVisible = index$1.CommonGAssets.getAssetPath('EyeVisible.svg');
@@ -774,9 +860,9 @@ FloatingLabelControl.Control = FloatingLabelControlControl;
 FloatingLabelControl.Icon = FloatingLabelControlIcon;
 
 const InputWrapper = React.forwardRef((_a, ref) => {
-    var { label, value: _value, onChange: _onChange, onChangeRaw, maxLength, withFloatingLabel, styles, error } = _a, props = tslib_es6.__rest(_a, ["label", "value", "onChange", "onChangeRaw", "maxLength", "withFloatingLabel", "styles", "error"]);
+    var { label, value: _value, onChange: _onChange, onChangeRaw, maxLength, withFloatingLabel, styles, error, size = 'md' } = _a, props = tslib_es6.__rest(_a, ["label", "value", "onChange", "onChangeRaw", "maxLength", "withFloatingLabel", "styles", "error", "size"]);
     const variantStyle = index.useTemplateVariant();
-    const { classes } = useStyles$1({ variantStyle }, { name: 'MantineInput', styles });
+    const { classes } = useStyles$1({ variantStyle, size }, { name: 'MantineInput', styles });
     const [value, setValue] = React.useState(_value || '');
     const [debounced] = hooks.useDebouncedValue(value, DEBOUNCED_TIME);
     React.useEffect(() => {
@@ -787,7 +873,9 @@ const InputWrapper = React.forwardRef((_a, ref) => {
     }, [_value]);
     const commonProps = Object.assign(Object.assign({ classNames: {
             input: classes.input,
-        }, ref, size: 'md', onChange: (event) => {
+            rightSection: classes.rightSection,
+        }, ref,
+        size, onChange: (event) => {
             if (typeof maxLength === 'number' &&
                 event.currentTarget.value.length > maxLength) {
                 return;
@@ -799,15 +887,11 @@ const InputWrapper = React.forwardRef((_a, ref) => {
         error }, props), { maxLength, className: `input-control ${(props === null || props === void 0 ? void 0 : props.className) || ''}` });
     if (withFloatingLabel) {
         return (React__namespace["default"].createElement(FloatingLabelControl, { shrink: !!value },
-            React__namespace["default"].createElement(FloatingLabelControl.Control, null, ({ shrink }) => (React__namespace["default"].createElement(core.TextInput, Object.assign({}, commonProps, { classNames: {
-                    input: classes.input,
-                }, error: error && React__namespace["default"].createElement(ErrorLabel, { label: String(error) }), inputWrapperOrder: ['label', 'input', 'description', 'error'], label: React__namespace["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), styles: (theme) => ({
+            React__namespace["default"].createElement(FloatingLabelControl.Control, null, ({ shrink }) => (React__namespace["default"].createElement(core.TextInput, Object.assign({}, commonProps, { error: error && React__namespace["default"].createElement(ErrorLabel, { label: String(error) }), inputWrapperOrder: ['label', 'input', 'description', 'error'], label: React__namespace["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), styles: (theme) => ({
                     input: Object.assign(Object.assign({}, index.GlobalTextStyleNew(theme)[index.CustomStylesType.LEADGEN].p2), { color: theme.colors.gray[9], fontWeight: index.FontWeight.halfBold }),
                 }) }))))));
     }
-    return (React__namespace["default"].createElement(core.TextInput, Object.assign({}, commonProps, { classNames: {
-            input: classes.input,
-        } })));
+    return React__namespace["default"].createElement(core.TextInput, Object.assign({}, commonProps));
 });
 const Input = InputWrapper;
 Input.File = FileInput;
@@ -1502,6 +1586,32 @@ const MyanmarSquareIcon = (props) => (React__namespace["default"].createElement(
 const PhilippinesRoundIcon = (props) => (React__namespace["default"].createElement(index$3.ImageWrap, Object.assign({ alt: "round philippines flag", src: index$1.CommonGAssets.getAssetPath('flags/philippineRound.png'), style: Object.assign({ borderRadius: '50%' }, props.style) }, props)));
 const PhilippinesSquareIcon = (props) => (React__namespace["default"].createElement(index$3.ImageWrap, Object.assign({ alt: "square philippines flag", src: index$1.CommonGAssets.getAssetPath('flags/philippineSquare.png') }, props)));
 
+const SingaporeRoundIcon = (props) => (React__namespace["default"].createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: "none", style: Object.assign({ borderRadius: '50%' }, props.style) }, props),
+    React__namespace["default"].createElement("g", null,
+        React__namespace["default"].createElement("mask", { maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20" },
+            React__namespace["default"].createElement("circle", { cx: "10", cy: "10", r: "10", fill: "white" })),
+        React__namespace["default"].createElement("rect", { width: "20", height: "10", y: "0", fill: "#EF3340" }),
+        React__namespace["default"].createElement("rect", { width: "20", height: "10", y: "10", fill: "#FFFFFF" }),
+        React__namespace["default"].createElement("circle", { cx: "6", cy: "5", r: "3", fill: "white" }),
+        React__namespace["default"].createElement("circle", { cx: "6.8", cy: "5", r: "2.4", fill: "#EF3340" }),
+        React__namespace["default"].createElement("g", { fill: "white", transform: "translate(6 5)" },
+            React__namespace["default"].createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(1.8 -2)" }),
+            React__namespace["default"].createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(3 -1)" }),
+            React__namespace["default"].createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(3 0.5)" }),
+            React__namespace["default"].createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(1.8 1.5)" }),
+            React__namespace["default"].createElement("polygon", { points: "0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26", transform: "translate(0.6 0.5)" })))));
+const SingaporeSquareIcon = (props) => (React__namespace["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 16", fill: "none" }, props),
+    React__namespace["default"].createElement("rect", { width: "24", height: "16", rx: "2", fill: "white" }),
+    React__namespace["default"].createElement("rect", { width: "24", height: "8", rx: "2", fill: "#EF3340" }),
+    React__namespace["default"].createElement("circle", { cx: "6", cy: "4", r: "3", fill: "white" }),
+    React__namespace["default"].createElement("circle", { cx: "6.8", cy: "4", r: "2.4", fill: "#EF3340" }),
+    React__namespace["default"].createElement("g", { fill: "white", transform: "translate(6 4)" },
+        React__namespace["default"].createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(1.8 -2)" }),
+        React__namespace["default"].createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(3 -1)" }),
+        React__namespace["default"].createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(3 0.5)" }),
+        React__namespace["default"].createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(1.8 1.5)" }),
+        React__namespace["default"].createElement("polygon", { points: "0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3", transform: "translate(0.6 0.5)" }))));
+
 const TaiwanRoundIcon = (props) => (React__namespace["default"].createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: "none", style: Object.assign({ borderRadius: '50%' }, props.style) }, props),
     React__namespace["default"].createElement("g", null,
         React__namespace["default"].createElement("mask", { style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20" },
@@ -1652,6 +1762,10 @@ const Flag = ({ country, language, rounded, height, width, isTesting, className,
                 flag = React__namespace["default"].createElement(TaiwanSquareIcon, null);
                 flagRounded = React__namespace["default"].createElement(TaiwanRoundIcon, null);
                 break;
+            case 'SG':
+                flag = React__namespace["default"].createElement(SingaporeSquareIcon, null);
+                flagRounded = React__namespace["default"].createElement(SingaporeRoundIcon, null);
+                break;
         }
     }
     return (React__namespace["default"].createElement("div", { className: `${styles$1.flag} ${className || ''}`, style: {

package/build/{index-0fa62c54.js → index-0ea8eab5.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-206ff817.js');
-var index = require('./index-f1ecf8cd.js');
+var index$1 = require('./index-8bf9799f.js');
+var index = require('./index-493e0317.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d28ad44f.js → index-135e967c.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-a0fec7e6.js');
+var index$2 = require('./index-0e0c7193.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-ebfbd780.js');
-var index$1 = require('./index-2c968a63.js');
-var tslib_es6 = require('./tslib.es6-714cb8a9.js');
-var index$6 = require('./index-3abd018e.js');
-var index$5 = require('./index-591e35ce.js');
+var index = require('./index-bf250bad.js');
+var index$1 = require('./index-ed29e2b2.js');
+var tslib_es6 = require('./tslib.es6-86f1ae7f.js');
+var index$6 = require('./index-042bcbf1.js');
+var index$5 = require('./index-2aab592c.js');
 var core = require('@mantine/core');
-var number = require('./number-64a13fcf.js');
-var index$3 = require('./index-f1ecf8cd.js');
+var number = require('./number-565e8319.js');
+var index$3 = require('./index-493e0317.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-b9bd6784.js');
-var index$7 = require('./index-06e42c7a.js');
+var index$4 = require('./index-c79e967a.js');
+var index$7 = require('./index-0b015f81.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }