@hhgtech/hhg-components 1.29.194 → 1.29.196

package/build/organisms.js

@@ -2,78 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-a5d7014c.js');
-var index$1 = require('./index-1da1f432.js');
-var index$2 = require('./index-a889ae88.js');
+var index = require('./index-0b448769.js');
+var index$1 = require('./index-ba4991a1.js');
+var index$2 = require('./index-b7b1e5fb.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-da9d8772.js');
+var navigationProfileButton = require('./index-12c0a6d0.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-063c9cdf.js');
+require('./tslib.es6-333d124c.js');
 require('react');
-require('./index-78dbb766.js');
-require('./index-65853db6.js');
+require('./index-0a90e6e0.js');
+require('./index-99528025.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-ada80e75.js');
+require('./index-bd20f991.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e6105227.js');
+require('./Locale-205e3477.js');
 require('./constantsIsProduction.js');
-require('./index.styles-9470c9a8.js');
-require('./utils-c2752018.js');
+require('./index.styles-04692c63.js');
+require('./utils-6e900c25.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-57d6f8c3.js');
-require('./other-bd4c06d7.js');
-require('./index-eeb0f931.js');
+require('./index-7815010d.js');
+require('./other-47d02212.js');
+require('./index-b63c1e9a.js');
 require('./miscTheme.js');
-require('./useMantineLocale-e69308de.js');
+require('./useMantineLocale-e18fc4d0.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-97fde30b.js');
+require('./index-2d0ff621.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-0e7e8407.js');
-require('./index-741f54ee.js');
+require('./index-b973e498.js');
+require('./index-1ed6e82a.js');
 require('classnames');
-require('./useUniqueId-c7048830.js');
+require('./useUniqueId-c9825674.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-b77d1d36.js');
-require('./dataTransform-5fb7e73c.js');
-require('./index-fef56dfe.js');
-require('./logoIcon-02fbfb44.js');
-require('./index-252b4db3.js');
-require('./translationsContext-fcbd365a.js');
+require('./normalizeLink-1526e10a.js');
+require('./dataTransform-a5e2d1b7.js');
+require('./index-fe9d9691.js');
+require('./logoIcon-3f5065c3.js');
+require('./index-a5321f98.js');
+require('./translationsContext-757f0e2a.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index-a6265655.js');
-require('./constants-f071111c.js');
-require('./store-fd94426f.js');
+require('./index-28dadf97.js');
+require('./constants-5ee347ef.js');
+require('./store-49678494.js');
 require('zustand');
 require('./miscCookieHelper.js');
-require('./index-869adbb9.js');
-require('./utils-3de17c7f.js');
-require('./index-01946a92.js');
+require('./index-9d6f2b5e.js');
+require('./utils-a12a491e.js');
+require('./index-a2d1bd36.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-b940c174.js');
-require('./constants-b0e77c5c.js');
-require('./index-c255416c.js');
-require('./index-64792dc9.js');
-require('./useIsInit-683a4af6.js');
+require('./constants-ff39b82b.js');
+require('./constants-59079ebd.js');
+require('./index-6b90cef8.js');
+require('./index-578b0c8a.js');
+require('./useIsInit-bac62ee1.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-e5eb91c1.js');
-require('./index-98b16717.js');
+require('./index-8e813fc1.js');
+require('./index-9ebde709.js');
 require('lodash/debounce');
-require('./core-80fda62d.js');
-require('./index-628eaf84.js');
-require('./index-142cb871.js');
-require('./index-bfc39c00.js');
-require('./Spinner-3ce202c3.js');
-require('./ChevronDown-40797676.js');
+require('./core-1ac45531.js');
+require('./index-b96901b0.js');
+require('./index-dc27c316.js');
+require('./index-6c58693d.js');
+require('./Spinner-5c7ea56b.js');
+require('./ChevronDown-9df7cfda.js');
 require('@emotion/react');
 
 

package/build/{post-08e737cd.js → post-ce1c542c.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-063c9cdf.js');
+var tslib_es6 = require('./tslib.es6-333d124c.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-3de17c7f.js');
+var togetherComponentGlobalContext = require('./utils-a12a491e.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/profileNavigation.js

@@ -3,39 +3,39 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$4 = require('./index-97fde30b.js');
-var index$3 = require('./index-65853db6.js');
+var index$4 = require('./index-2d0ff621.js');
+var index$3 = require('./index-99528025.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-eeb0f931.js');
-var index$2 = require('./index-ada80e75.js');
-require('./useMantineLocale-e69308de.js');
-var index$1 = require('./index-57d6f8c3.js');
-require('./index-0e7e8407.js');
-require('./index.styles-9470c9a8.js');
-var index = require('./index-252b4db3.js');
+require('./index-b63c1e9a.js');
+var index$2 = require('./index-bd20f991.js');
+require('./useMantineLocale-e18fc4d0.js');
+var index$1 = require('./index-7815010d.js');
+require('./index-b973e498.js');
+require('./index.styles-04692c63.js');
+var index = require('./index-a5321f98.js');
 require('@mantine/hooks');
-require('./utils-c2752018.js');
-require('./other-bd4c06d7.js');
-require('./index-a6265655.js');
-var ChevronDown = require('./ChevronDown-40797676.js');
-var normalizeLink = require('./normalizeLink-b77d1d36.js');
+require('./utils-6e900c25.js');
+require('./other-47d02212.js');
+require('./index-28dadf97.js');
+var ChevronDown = require('./ChevronDown-9df7cfda.js');
+var normalizeLink = require('./normalizeLink-1526e10a.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-require('./translationsContext-fcbd365a.js');
+require('./translationsContext-757f0e2a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
-require('./Locale-e6105227.js');
+require('./Locale-205e3477.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-063c9cdf.js');
+require('./tslib.es6-333d124c.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
-require('./index-741f54ee.js');
+require('./index-1ed6e82a.js');
 require('classnames');
-require('./useUniqueId-c7048830.js');
+require('./useUniqueId-c9825674.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('dayjs');

package/build/progressBar.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-063c9cdf.js');
+var tslib_es6 = require('./tslib.es6-333d124c.js');
 var React = require('react');
 var throttle = require('lodash/throttle');
 var styled = require('@emotion/styled');

package/build/pwg.js

@@ -3,45 +3,45 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-142cb871.js');
-var index = require('./index-57d6f8c3.js');
-var index$4 = require('./index-2820d210.js');
-var index$1 = require('./index-252b4db3.js');
+var index$2 = require('./index-dc27c316.js');
+var index = require('./index-7815010d.js');
+var index$4 = require('./index-e7a9a589.js');
+var index$1 = require('./index-a5321f98.js');
 var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$3 = require('./index-6601e0b7.js');
-var useOutsideClick = require('./useOutsideClick-a9bf8ca1.js');
+var index$3 = require('./index-dbd89b09.js');
+var useOutsideClick = require('./useOutsideClick-439ca883.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-063c9cdf.js');
+var tslib_es6 = require('./tslib.es6-333d124c.js');
 require('@mantine/core');
-require('./other-bd4c06d7.js');
-require('./index-eeb0f931.js');
-require('./Locale-e6105227.js');
-require('./index-ada80e75.js');
+require('./other-47d02212.js');
+require('./index-b63c1e9a.js');
+require('./Locale-205e3477.js');
+require('./index-bd20f991.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./index-741f54ee.js');
-require('./index-0a1e13ac.js');
-require('./index-65853db6.js');
+require('./index-1ed6e82a.js');
+require('./index-7b9ded41.js');
+require('./index-99528025.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index.styles-9470c9a8.js');
-require('./utils-c2752018.js');
+require('./index.styles-04692c63.js');
+require('./utils-6e900c25.js');
 require('@mantine/carousel');
-require('./useMantineLocale-e69308de.js');
+require('./useMantineLocale-e18fc4d0.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-97fde30b.js');
+require('./index-2d0ff621.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-0e7e8407.js');
+require('./index-b973e498.js');
 require('classnames');
-require('./useUniqueId-c7048830.js');
+require('./useUniqueId-c9825674.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-fcbd365a.js');
-require('./index-a6265655.js');
+require('./translationsContext-757f0e2a.js');
+require('./index-28dadf97.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/ssoV2.js

@@ -2,51 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-063c9cdf.js');
+var tslib_es6 = require('./tslib.es6-333d124c.js');
 var React = require('react');
-var index$5 = require('./index-65853db6.js');
+var index$5 = require('./index-99528025.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var logoIcon = require('./logoIcon-02fbfb44.js');
-var index$3 = require('./index-0e7e8407.js');
-var index$1 = require('./index-9d0b08ab.js');
+var logoIcon = require('./logoIcon-3f5065c3.js');
+var index$3 = require('./index-b973e498.js');
+var index$1 = require('./index-e584731d.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$4 = require('./index-97fde30b.js');
-require('./index-eeb0f931.js');
-require('./index-ada80e75.js');
-var useMantineLocale = require('./useMantineLocale-e69308de.js');
-var index$2 = require('./index-57d6f8c3.js');
-var index = require('./index-252b4db3.js');
+var index$4 = require('./index-2d0ff621.js');
+require('./index-b63c1e9a.js');
+require('./index-bd20f991.js');
+var useMantineLocale = require('./useMantineLocale-e18fc4d0.js');
+var index$2 = require('./index-7815010d.js');
+var index = require('./index-a5321f98.js');
 require('@mantine/hooks');
-require('./utils-c2752018.js');
-require('./other-bd4c06d7.js');
-require('./index-a6265655.js');
-var Locale = require('./Locale-e6105227.js');
-var store = require('./store-fd94426f.js');
-var Google = require('./Google-f74f9dce.js');
+require('./utils-6e900c25.js');
+require('./other-47d02212.js');
+require('./index-28dadf97.js');
+var Locale = require('./Locale-205e3477.js');
+var store = require('./store-49678494.js');
+var Google = require('./Google-6113a7f7.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-15e6716b.js');
+var utils = require('./utils-3a1ed85e.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$6 = require('./index-c6df0216.js');
+var index$6 = require('./index-37bb8562.js');
 require('@hhgtech/icons/other');
-require('./index.styles-9470c9a8.js');
+require('./index.styles-04692c63.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./index-741f54ee.js');
+require('./index-1ed6e82a.js');
 require('classnames');
-require('./useUniqueId-c7048830.js');
+require('./useUniqueId-c9825674.js');
 require('./constantsSite.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/notifications');
-require('./translationsContext-fcbd365a.js');
+require('./translationsContext-757f0e2a.js');
 require('zustand');
-require('./normalizeLink-b77d1d36.js');
+require('./normalizeLink-1526e10a.js');
 require('./miscCookieHelper.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -649,13 +649,13 @@ const verifyUpdatePhoneZaloOTP = (phone, areaCode, otpCode) => tslib_es6.__await
     });
 });
 
-const MailIcon = (props) => (React__default["default"].createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React__default["default"].createElement("g", { clipPath: "url(#clip0_869_25628)" },
-        React__default["default"].createElement("rect", { width: "24", height: "24", rx: "12", fill: "#00B16A" }),
-        React__default["default"].createElement("path", { d: "M15.75 5.625h-7.5C6 5.625 4.5 6.75 4.5 9.375v5.25c0 2.625 1.5 3.75 3.75 3.75h7.5c2.25 0 3.75-1.125 3.75-3.75v-5.25c0-2.625-1.5-3.75-3.75-3.75m.352 4.568-2.347 1.875c-.495.397-1.125.592-1.755.592s-1.267-.195-1.755-.592l-2.347-1.875a.577.577 0 0 1-.09-.795.56.56 0 0 1 .787-.09l2.348 1.874c.57.458 1.537.458 2.107 0l2.348-1.875c.24-.194.6-.157.787.09a.57.57 0 0 1-.082.796", fill: "#fff" })),
+const MailIcon = (props) => (React__default["default"].createElement("svg", Object.assign({ width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    React__default["default"].createElement("g", { clipPath: "url(#clip0_1284_30810)" },
+        React__default["default"].createElement("rect", { x: "0.666992", width: "20", height: "20", rx: "10", fill: "#00B16A" }),
+        React__default["default"].createElement("path", { d: "M13.792 4.6875H7.54199C5.66699 4.6875 4.41699 5.625 4.41699 7.8125V12.1875C4.41699 14.375 5.66699 15.3125 7.54199 15.3125H13.792C15.667 15.3125 16.917 14.375 16.917 12.1875V7.8125C16.917 5.625 15.667 4.6875 13.792 4.6875ZM14.0857 8.49375L12.1295 10.0563C11.717 10.3875 11.192 10.55 10.667 10.55C10.142 10.55 9.61074 10.3875 9.20449 10.0563L7.24824 8.49375C7.04824 8.33125 7.01699 8.03125 7.17324 7.83125C7.33574 7.63125 7.62949 7.59375 7.82949 7.75625L9.78574 9.31875C10.2607 9.7 11.067 9.7 11.542 9.31875L13.4982 7.75625C13.6982 7.59375 13.9982 7.625 14.1545 7.83125C14.317 8.03125 14.2857 8.33125 14.0857 8.49375Z", fill: "white" })),
     React__default["default"].createElement("defs", null,
-        React__default["default"].createElement("clipPath", { id: "clip0_869_25628" },
-            React__default["default"].createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
+        React__default["default"].createElement("clipPath", { id: "clip0_1284_30810" },
+            React__default["default"].createElement("rect", { width: "20", height: "20", fill: "white", transform: "translate(0.666992)" })))));
 
 const StyledPhone = styled__default["default"](index$5.Phone) `
   position: relative;
@@ -689,6 +689,7 @@ const SSOFirstScreen = ({ hidden }) => {
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { locale, onClose, setTracking } = useSSOState();
     const { addStep, goNext, setShareData } = store.useSSOSteps();
+    const [activeTab, setActiveTab] = React__default["default"].useState('login');
     const { t } = index.useTranslations();
     const trackingCategory = 'Sign In or Sign Up';
     const trackingAction = 'SSO - Sign Up';
@@ -906,6 +907,48 @@ const SSOFirstScreen = ({ hidden }) => {
         }
         setLoading(false);
     });
+    const onClickLoginWithPhone = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        var _k, _l, _m;
+        setLoading(true);
+        const { areaCode, phoneNumber } = splitPhone(phone);
+        if (!areaCode || !phoneNumber || !phone) {
+            setErrMsg(t('ssov2.validate.phone.required'));
+            return setLoading(false);
+        }
+        const userExist = yield store.checkUserExist({ phone: phoneNumber });
+        if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
+            const provider = (_k = userExist._data) === null || _k === void 0 ? void 0 : _k.provider;
+            if (provider === 'google' || provider === 'facebook') {
+                setErrMsg(t('ssov2.useOtherMethod.phone'));
+                return setLoading(false);
+            }
+            setShareData({
+                authMethod: 'phone',
+            });
+            if (!userExist._data || !((_l = userExist._data) === null || _l === void 0 ? void 0 : _l.is_pass)) {
+                useMantineLocale.showNotification({
+                    message: t('ssov2.first.noAccountOrPass'),
+                    type: 'danger',
+                });
+                setActiveTab('signup');
+                return setLoading(false);
+            }
+            if ((_m = userExist._data) === null || _m === void 0 ? void 0 : _m.is_pass) {
+                setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'login' })));
+                addStep({
+                    type: store.SSOStepTypeType.PASSWORD,
+                    config: {
+                        phone,
+                    },
+                });
+                goNext();
+            }
+        }
+        else {
+            setErrMsg(getErrorTextFromCode(t, userExist === null || userExist === void 0 ? void 0 : userExist.code));
+        }
+        setLoading(false);
+    });
     const onClickEmail = () => {
         setShareData({
             authMethod: 'mail',
@@ -959,8 +1002,16 @@ const SSOFirstScreen = ({ hidden }) => {
             height: '100%',
         } },
         React__default["default"].createElement(core.LoadingOverlay, { visible: loadingOverlay, zIndex: 1000, overlayBlur: 1 }),
-        React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.first.title')),
+        React__default["default"].createElement(core.Stack, { spacing: 12 },
+            React__default["default"].createElement(core.Group, { spacing: 24 },
+                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold", color: activeTab === 'login' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('login'), style: {
+                        borderBottom: activeTab === 'login' ? '2px solid #000' : undefined,
+                        cursor: 'pointer',
+                    } }, t('ssov2.first.title.login')),
+                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold", color: activeTab === 'signup' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('signup'), style: {
+                        borderBottom: activeTab === 'signup' ? '2px solid #000' : undefined,
+                        cursor: 'pointer',
+                    } }, t('ssov2.first.title.signup'))),
             React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.first.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 16 },
@@ -970,36 +1021,56 @@ const SSOFirstScreen = ({ hidden }) => {
                     } },
                     React__default["default"].createElement(index$5.Input.Wrapper, { error: errMsg },
                         React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => setPhone(value), isError: !!errMsg, required: true, name: "phone", disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Phone" }))),
-                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo" }, t('ssov2.button.continueZalo')),
-                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS" }, t('ssov2.button.continueSMS'))),
+                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickLoginWithPhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue Login", display: activeTab === 'login' ? 'block' : 'none' }, t('ssov2.button.continue')),
+                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", display: activeTab === 'signup' ? 'block' : 'none' }, t('ssov2.button.otp.zalo')),
+                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", display: activeTab === 'signup' ? 'block' : 'none' }, t('ssov2.button.otp.sms'))),
             React__default["default"].createElement(core.Stack, { spacing: 16, align: "center" },
-                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.orContinueWith')),
-                React__default["default"].createElement(core.Group, { spacing: 24 },
-                    React__default["default"].createElement("script", { src: "https://accounts.google.com/gsi/client", async: true }),
+                React__default["default"].createElement(index$2.Text, { size: "p4", color: "gray.4" }, t('ssov2.orContinueWith')),
+                React__default["default"].createElement(core.Group, { spacing: 8, style: {
+                        width: '100%',
+                    } },
                     React__default["default"].createElement(index$3.Button, { variant: "white", style: {
-                            width: 48,
+                            flex: 1,
                             height: 48,
                             padding: 12,
                             background: '#F7F9FC',
-                            borderRadius: '100%',
+                            borderRadius: 8,
                         }, onClick: onTriggerGoogleLogin, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Google" },
-                        React__default["default"].createElement(Google.Google, { style: { width: 24, height: 24 } })),
+                        React__default["default"].createElement(Google.Google, { style: {
+                                width: 20,
+                                height: 20,
+                                marginRight: 4,
+                                borderRadius: '100%',
+                            } }),
+                        ' ',
+                        React__default["default"].createElement(index$2.Text, { size: "p4", color: "black", weight: "regular" }, "Google")),
                     React__default["default"].createElement(index$3.Button, { variant: "white", style: {
-                            width: 48,
+                            flex: 1,
                             height: 48,
                             padding: 12,
                             background: '#F7F9FC',
-                            borderRadius: '100%',
+                            borderRadius: 8,
                         }, onClick: onTriggerFacebookLogin, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Facebook" },
-                        React__default["default"].createElement(Google.Facebook, { style: { width: 24, height: 24 } })),
+                        React__default["default"].createElement(Google.Facebook, { style: {
+                                width: 20,
+                                height: 20,
+                                marginRight: 4,
+                                borderRadius: '100%',
+                            } }),
+                        ' ',
+                        React__default["default"].createElement(index$2.Text, { size: "p4", color: "black", weight: "regular" }, "Facebook")),
                     React__default["default"].createElement(index$3.Button, { variant: "white", style: {
-                            width: 48,
+                            flex: 1,
                             height: 48,
                             padding: 12,
                             background: '#F7F9FC',
-                            borderRadius: '100%',
+                            borderRadius: 8,
                         }, onClick: onClickEmail, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Email" },
-                        React__default["default"].createElement(MailIcon, null))))),
+                        React__default["default"].createElement(MailIcon, { style: {
+                                marginRight: 4,
+                            } }),
+                        ' ',
+                        React__default["default"].createElement(index$2.Text, { size: "p4", color: "black", weight: "regular" }, "Email"))))),
         React__default["default"].createElement(core.Stack, { spacing: 24, sx: (theme) => ({
                 marginTop: 56,
                 [theme.fn.smallerThan('sm')]: {

package/build/{store-fd94426f.js → store-49678494.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-063c9cdf.js');
+var tslib_es6 = require('./tslib.es6-333d124c.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-b77d1d36.js');
-var index = require('./index-97fde30b.js');
+var normalizeLink = require('./normalizeLink-1526e10a.js');
+var index = require('./index-2d0ff621.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');