@hhgtech/hhg-components 1.29.520-beta-4 → 1.29.520-beta-6

package/build/hooks.js

@@ -2,28 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-e166c72e.js');
-var useScrollbarSize = require('./useScrollbarSize-53cb88ab.js');
-var usePhoneValidator = require('./usePhoneValidator-d9a0a75a.js');
-var useHealthToolCache = require('./useHealthToolCache-d6a1edf9.js');
-var useCartCareService = require('./useCartCareService-5f130c2a.js');
-var useOutsideClick = require('./useOutsideClick-0278208c.js');
-var useUniqueId = require('./useUniqueId-d052fc4d.js');
+var index = require('./index-6f5f4144.js');
+var useScrollbarSize = require('./useScrollbarSize-7f4d0fdc.js');
+var usePhoneValidator = require('./usePhoneValidator-bbb9a12c.js');
+var useHealthToolCache = require('./useHealthToolCache-2ce1d128.js');
+var useCartCareService = require('./useCartCareService-3315abc0.js');
+var useOutsideClick = require('./useOutsideClick-909f405e.js');
+var useUniqueId = require('./useUniqueId-5988c933.js');
 require('react');
-require('./translationsContext-74a6eec2.js');
+require('./translationsContext-a4091b33.js');
 require('lodash/debounce');
-require('./tslib.es6-183d9999.js');
+require('./tslib.es6-30934a8d.js');
 require('./miscCookieHelper.js');
-require('./index-613281e3.js');
-require('./Locale-f565845b.js');
+require('./index-a333bb40.js');
+require('./Locale-72eda69e.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-da71d98e.js');
+require('./normalizeLink-e170b277.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./core-e9f81601.js');
+require('./core-a7f11ac1.js');
 require('zustand');
 require('zustand/middleware');
-require('./index-a24077c2.js');
+require('./index-950fd486.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');

package/build/i18n.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-74a6eec2.js');
-var translationsProvider = require('./translationsProvider-237657cc.js');
+var translationsContext = require('./translationsContext-a4091b33.js');
+var translationsProvider = require('./translationsProvider-cd5d1296.js');
 require('react');
 require('./i18n-values/en-PH.js');
 require('./i18n-values/hi-IN.js');

package/build/i18nV2.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-74a6eec2.js');
+var translationsContext = require('./translationsContext-a4091b33.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-6fd6ff58.js → index-014698aa.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-211729b8.js');
-var index$1 = require('./index-e966e41f.js');
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var index = require('./index-4219e52e.js');
+var index$1 = require('./index-3620fa4e.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-c54464f1.js');
+var index$2 = require('./index-fb7859b1.js');
 var vaul = require('vaul');
-var index$3 = require('./index-a24077c2.js');
+var index$3 = require('./index-950fd486.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2dac46a8.js → index-031f06f7.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var React = require('react');
-require('./index-91c6b06d.js');
+require('./index-d7b0cefa.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-a24077c2.js');
-require('./index-613281e3.js');
-require('./index-3fb794db.js');
-require('./index-1c0876df.js');
-var index = require('./index-e966e41f.js');
-require('./index-988206b2.js');
-require('./index-7ba6f086.js');
-require('./index.styles-a269b902.js');
-require('./translationsContext-74a6eec2.js');
+require('./index-950fd486.js');
+require('./index-a333bb40.js');
+require('./index-40fb8ed9.js');
+require('./index-1c4c29a6.js');
+var index = require('./index-3620fa4e.js');
+require('./index-118cca2a.js');
+require('./index-9fa3c0de.js');
+require('./index.styles-5610c224.js');
+require('./translationsContext-a4091b33.js');
 require('@mantine/hooks');
-require('./utils-25dfa2d4.js');
-require('./index-2d73dc93.js');
+require('./utils-cdd50a11.js');
+require('./index-a0fa526c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1aaba44e.js → index-05347223.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-da71d98e.js');
-var index = require('./index-a24077c2.js');
+var normalizeLink = require('./normalizeLink-e170b277.js');
+var index = require('./index-950fd486.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-f565845b.js');
+var Locale = require('./Locale-72eda69e.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {

package/build/{index-988206b2.js → index-118cca2a.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var shared = require('./shared-107900fe.js');
-var index = require('./index-7ba6f086.js');
+var shared = require('./shared-da590d29.js');
+var index = require('./index-9fa3c0de.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-313db5fc.js → index-12e279a3.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-e497f5c9.js');
+var index$1 = require('./index-520204fb.js');
 var dayjs = require('dayjs');
-require('./index-a24077c2.js');
-require('./index-91c6b06d.js');
+require('./index-950fd486.js');
+require('./index-d7b0cefa.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-613281e3.js');
-require('./index-3fb794db.js');
-require('./index-1c0876df.js');
-var index$2 = require('./index-e966e41f.js');
-require('./index-988206b2.js');
-require('./index-7ba6f086.js');
-require('./index.styles-a269b902.js');
-require('./translationsContext-74a6eec2.js');
+require('./index-a333bb40.js');
+require('./index-40fb8ed9.js');
+require('./index-1c4c29a6.js');
+var index$2 = require('./index-3620fa4e.js');
+require('./index-118cca2a.js');
+require('./index-9fa3c0de.js');
+require('./index.styles-5610c224.js');
+require('./translationsContext-a4091b33.js');
 require('@mantine/hooks');
-var utils = require('./utils-25dfa2d4.js');
-require('./index-2d73dc93.js');
-var index = require('./index-211729b8.js');
+var utils = require('./utils-cdd50a11.js');
+require('./index-a0fa526c.js');
+var index = require('./index-4219e52e.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$4 = require('./index-0b26b3cd.js');
-var index$3 = require('./index-1d1dfc32.js');
+var index$4 = require('./index-45afb5df.js');
+var index$3 = require('./index-57845db0.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4d6a175d.js → index-15fdb531.js}

@@ -2,25 +2,25 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-25dfa2d4.js');
+var utils = require('./utils-cdd50a11.js');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-183d9999.js');
-var index = require('./index-df3187af.js');
-var index$1 = require('./index-91c6b06d.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
+var index = require('./index-984f2b0a.js');
+var index$1 = require('./index-d7b0cefa.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-a24077c2.js');
-require('./index-613281e3.js');
-require('./index-3fb794db.js');
-require('./index-1c0876df.js');
-require('./index-e966e41f.js');
-require('./index-988206b2.js');
-require('./index-7ba6f086.js');
-require('./index.styles-a269b902.js');
-require('./translationsContext-74a6eec2.js');
+require('./index-950fd486.js');
+require('./index-a333bb40.js');
+require('./index-40fb8ed9.js');
+require('./index-1c4c29a6.js');
+require('./index-3620fa4e.js');
+require('./index-118cca2a.js');
+require('./index-9fa3c0de.js');
+require('./index.styles-5610c224.js');
+require('./translationsContext-a4091b33.js');
 require('@mantine/hooks');
-require('./index-2d73dc93.js');
-var Close = require('./Close-ef65b7b2.js');
+require('./index-a0fa526c.js');
+var Close = require('./Close-18de7275.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1c0876df.js → index-1c4c29a6.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var React = require('react');
 var dayjs = require('dayjs');
-require('./index-613281e3.js');
-var Locale = require('./Locale-f565845b.js');
+require('./index-a333bb40.js');
+var Locale = require('./Locale-72eda69e.js');
 var notifications = require('@mantine/notifications');
-var index$1 = require('./index-a24077c2.js');
+var index$1 = require('./index-950fd486.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-3fb794db.js');
+var index$2 = require('./index-40fb8ed9.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-25dfa2d4.js');
-var index = require('./index-7ba6f086.js');
-var shared = require('./shared-107900fe.js');
+var utils = require('./utils-cdd50a11.js');
+var index = require('./index-9fa3c0de.js');
+var shared = require('./shared-da590d29.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-fd6266d2.js → index-214d8ee4.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var React = require('react');
 var core = require('@mantine/core');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
-require('./index-91c6b06d.js');
+require('./index-d7b0cefa.js');
 require('@mantine/dates');
-require('./index-a24077c2.js');
-require('./index-613281e3.js');
-require('./index-3fb794db.js');
-require('./index-1c0876df.js');
-var index$1 = require('./index-e966e41f.js');
-require('./index-988206b2.js');
-var index$2 = require('./index-7ba6f086.js');
-require('./index.styles-a269b902.js');
-var index = require('./index-e166c72e.js');
+require('./index-950fd486.js');
+require('./index-a333bb40.js');
+require('./index-40fb8ed9.js');
+require('./index-1c4c29a6.js');
+var index$1 = require('./index-3620fa4e.js');
+require('./index-118cca2a.js');
+var index$2 = require('./index-9fa3c0de.js');
+require('./index.styles-5610c224.js');
+var index = require('./index-6f5f4144.js');
 require('@mantine/hooks');
-var utils = require('./utils-25dfa2d4.js');
-require('./index-2d73dc93.js');
-var context = require('./context-a236c057.js');
+var utils = require('./utils-cdd50a11.js');
+require('./index-a0fa526c.js');
+var context = require('./context-7bea91f4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-bff543c0.js → index-2ae53120.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-abc859a1.js');
-var index = require('./index-e166c72e.js');
+var index$1 = require('./index-ed1d2e5d.js');
+var index = require('./index-6f5f4144.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-c9cac056.js → index-2d026fbb.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-95b7b6bc.js');
-var index$2 = require('./index-a24077c2.js');
-var index = require('./index-613281e3.js');
+var index$1 = require('./index-f7505902.js');
+var index$2 = require('./index-950fd486.js');
+var index = require('./index-a333bb40.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-ac612a7e.js → index-2dfc2a89.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/{index-a2c06d38.js → index-2e0ecdda.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-7e9dfa2d.js');
-var Spinner = require('./Spinner-dda16306.js');
+var WhatsApp = require('./WhatsApp-29b977d7.js');
+var Spinner = require('./Spinner-a608c95d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-38a31436.js → index-32ba087a.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-e166c72e.js');
-var index$1 = require('./index-abc859a1.js');
+var index = require('./index-6f5f4144.js');
+var index$1 = require('./index-ed1d2e5d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-0b440cf6.js → index-35fa2462.js}

@@ -4,10 +4,10 @@ var React = require('react');
 var classNames = require('classnames');
 var styled = require('@emotion/styled');
 var core = require('@mantine/core');
-var utils = require('./utils-25dfa2d4.js');
+var utils = require('./utils-cdd50a11.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-e166c72e.js');
-var index$1 = require('./index-e966e41f.js');
+var index = require('./index-6f5f4144.js');
+var index$1 = require('./index-3620fa4e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e966e41f.js → index-3620fa4e.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-7ba6f086.js');
+var index = require('./index-9fa3c0de.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3353b15d.js → index-3642be16.js}

@@ -1,55 +1,55 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-7a4bc928.js');
-var index$2 = require('./index-a24077c2.js');
-var normalizeLink = require('./normalizeLink-da71d98e.js');
-var dataTransform = require('./dataTransform-23c060a3.js');
+var SiteWideBanner = require('./SiteWideBanner-45c1b02a.js');
+var index$2 = require('./index-950fd486.js');
+var normalizeLink = require('./normalizeLink-e170b277.js');
+var dataTransform = require('./dataTransform-ca1fc114.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-74a6eec2.js');
-var Locale = require('./Locale-f565845b.js');
+var index = require('./index-d7b0cefa.js');
+require('./translationsContext-a4091b33.js');
+var Locale = require('./Locale-72eda69e.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var index = require('./index-91c6b06d.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-db5fae89.js');
+var navigationProfileButton = require('./index-be6b1dfd.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-0b26b3cd.js');
+var index$c = require('./index-45afb5df.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-613281e3.js');
-var index$6 = require('./index-3fb794db.js');
-require('./index-1c0876df.js');
-var index$4 = require('./index-e966e41f.js');
-var index$3 = require('./index-988206b2.js');
-require('./index-7ba6f086.js');
-require('./index.styles-a269b902.js');
+var index$b = require('./index-a333bb40.js');
+var index$6 = require('./index-40fb8ed9.js');
+require('./index-1c4c29a6.js');
+var index$4 = require('./index-3620fa4e.js');
+var index$3 = require('./index-118cca2a.js');
+require('./index-9fa3c0de.js');
+require('./index.styles-5610c224.js');
 require('@mantine/hooks');
-var utils = require('./utils-25dfa2d4.js');
-require('./index-2d73dc93.js');
-var constants = require('./constants-43031aa6.js');
-var store = require('./store-58b04917.js');
-var constants$2 = require('./constants-00446adc.js');
-var index$5 = require('./index-ac612a7e.js');
-var index$1 = require('./index-e166c72e.js');
-var useCartCareService = require('./useCartCareService-5f130c2a.js');
-var constants$1 = require('./constants-c9cb9f92.js');
+var utils = require('./utils-cdd50a11.js');
+require('./index-a0fa526c.js');
+var constants = require('./constants-482428eb.js');
+var store = require('./store-05ac0cb8.js');
+var constants$2 = require('./constants-ff052b48.js');
+var index$5 = require('./index-2dfc2a89.js');
+var index$1 = require('./index-6f5f4144.js');
+var useCartCareService = require('./useCartCareService-3315abc0.js');
+var constants$1 = require('./constants-825f6a2b.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-abc859a1.js');
-var index$8 = require('./index-0a90a535.js');
-var utils$1 = require('./utils-bd63f9c4.js');
-var index$9 = require('./index-e497f5c9.js');
+var index$7 = require('./index-ed1d2e5d.js');
+var index$8 = require('./index-8038201b.js');
+var utils$1 = require('./utils-413c4bc9.js');
+var index$9 = require('./index-520204fb.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-15705c8b.js');
+var index$a = require('./index-4e6b668d.js');
 var get = require('lodash/get');
 var isEmpty = require('lodash/isEmpty');
-var index$d = require('./index-0b440cf6.js');
+var index$d = require('./index-35fa2462.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-e9f81601.js');
+var core$2 = require('./core-a7f11ac1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -151,6 +151,12 @@ const StyleSearchInputAnimationWrapper = styled__default["default"].div `
   & > * {
     pointer-events: none;
   }
+  &[hidden='true'] {
+    display: none;
+  }
+  &[hidden='false'] {
+    display: block;
+  }
 `;
 const textRevealAnimation = react.keyframes `
   0% {
@@ -206,6 +212,7 @@ const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
 const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
     const { locale, siteType, isWinCashBackTheme: winCashBackTheme, } = React.useContext(navigationProfileButton.NavigationContext);
     const [keyword, setKeyword] = React.useState('');
+    const [isFocused, setIsFocused] = React.useState(false);
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
     const [currentTextIndex, setCurrentTextIndex] = React.useState(0);
     const { t } = index$1.useTranslations();
@@ -229,6 +236,11 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
         searchParams.delete('page');
         window.location.href = `/search/?${searchParams.toString()}`;
     }, [projectType]);
+    const debouncedTime = React.useMemo(() => {
+        return ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)
+            ? 0
+            : index.DEBOUNCED_TIME;
+    }, [locale]);
     const goBack = React.useCallback(() => {
         const historyBackUrl = localStorage.getItem(HHG_SEARCH_BACK_KEY);
         if (!historyBackUrl) {
@@ -264,9 +276,9 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
         else {
             setCurrentTextIndex(0);
         }
-    }, [keyword, locale]);
+    }, [keyword, locale, isFocused]);
     const getPlaceholder = React.useMemo(() => {
-        if (ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)) {
+        if (ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) && !isFocused) {
             return undefined;
         }
         if (siteType === 'marryBaby') {
@@ -277,7 +289,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                 ? index$2.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
                 : '',
         });
-    }, [locale, siteType, t]);
+    }, [locale, siteType, t, isFocused]);
     return isMobile && !isHomepage ? (React__namespace["default"].createElement(index$3.Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: goBack },
@@ -285,14 +297,16 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                 verticalAlign: 'bottom',
             } },
             React__namespace["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__namespace["default"].createElement(StyleSearchInputWrapper, null,
-        React__namespace["default"].createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: getPlaceholder, onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
+        React__namespace["default"].createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: getPlaceholder, onChange: setKeyword, debouncedTime: debouncedTime, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
                 goToSearchPage(e.target.value), onBlur: () => {
+                setIsFocused(false);
                 setCurrentTextIndex(0);
             }, type: "search", onFocus: (e) => {
                 e.preventDefault();
                 if ((isMobile && isHomepage) || isRedirectSearchPage) {
                     goToSearchPage('');
                 }
+                setIsFocused(true);
             }, rightSection: keyword ? (React__namespace["default"].createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
                 React__namespace["default"].createElement(core.Close, { size: 17, color: miscTheme.theme.colors.white }))) : winCashBackTheme ? (React__namespace["default"].createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__namespace["default"].createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
                     if ((isMobile && isHomepage) || isRedirectSearchPage) {
@@ -303,7 +317,9 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                         verticalAlign: 'bottom',
                     } },
                     React__namespace["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" }))) }),
-        !keyword && ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) && (React__namespace["default"].createElement(StyleSearchInputAnimationWrapper, { id: "search-input-animation-wrapper", "data-search-animation-wrapper": true }, (() => {
+        !keyword &&
+            ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) &&
+            !isFocused && (React__namespace["default"].createElement(StyleSearchInputAnimationWrapper, { id: "search-input-animation-wrapper", "data-search-animation-wrapper": true }, (() => {
             const texts = TEXT_PLACEHOLDER_INPUT[locale];
             const currentText = texts === null || texts === void 0 ? void 0 : texts[currentTextIndex];
             return currentText ? (React__namespace["default"].createElement(StyledTextAnimationWrapper, { key: `${currentText}-${currentTextIndex}` },

package/build/{index-211729b8.js → index-4219e52e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./utils-25dfa2d4.js');
-var tslib_es6 = require('./tslib.es6-183d9999.js');
+var utils = require('./utils-cdd50a11.js');
+var tslib_es6 = require('./tslib.es6-30934a8d.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-0b26b3cd.js → index-45afb5df.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-f565845b.js');
-var index$1 = require('./index-3fb794db.js');
+var Locale = require('./Locale-72eda69e.js');
+var index$1 = require('./index-40fb8ed9.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-25dfa2d4.js');
-var logoIcon = require('./logoIcon-fcfd9f1e.js');
-require('./index-613281e3.js');
-var index = require('./index-211729b8.js');
+var utils = require('./utils-cdd50a11.js');
+var logoIcon = require('./logoIcon-e8ab7ba9.js');
+require('./index-a333bb40.js');
+var index = require('./index-4219e52e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-be0c4f4b.js → index-4a09e1a6.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-df3187af.js');
+var index = require('./index-984f2b0a.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }