@hhgtech/hhg-components 1.28.67 → 1.28.69

package/build/esm/types-ba190c26.js

@@ -0,0 +1,21 @@
+// You can include shared interfaces/types in a separate file
+// and then use them in any component by importing them. For
+// example, to import the interface below do:
+//
+var GenderLabel;
+(function (GenderLabel) {
+    GenderLabel["MALE"] = "gender.male";
+    GenderLabel["FEMALE"] = "gender.female";
+    GenderLabel["OTHER"] = "gender.other";
+})(GenderLabel || (GenderLabel = {}));
+const DATE_FORMAT_API = 'yyyy-MM-dd';
+const DATE_FORMAT = 'dd-MM-yyyy';
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  get GenderLabel () { return GenderLabel; },
+  DATE_FORMAT_API: DATE_FORMAT_API,
+  DATE_FORMAT: DATE_FORMAT
+});
+
+export { DATE_FORMAT as D, types as t };

package/build/esm/types.js

@@ -1 +1 @@
-export{a as BabyGrowthChartDuration,B as BabyGrowthChartType,b as BabyGrowthResultTab,E as ELEMENT_CONTROL_INPUT_TYPE,F as FULL_KEY_ADDRESS,G as Gender,L as LOCALE,f as NodeActionType,d as NodeFinalTypes,e as NodeIntentType,g as NodeMultipleOptions,N as NodePosition,c as NodeType,O as OnboardingStep,S as SubotType}from"./Subot-4642c5bf.js";
+export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, L as LOCALE, f as NodeActionType, d as NodeFinalTypes, e as NodeIntentType, g as NodeMultipleOptions, N as NodePosition, c as NodeType, O as OnboardingStep, S as SubotType } from './Subot-3289bd8e.js';

package/build/esm/unifyEnv.js

@@ -1 +1,42 @@
-function I({DISCOVER_API:I,INTERNAL_DISCOVER_API:_,TOGETHER_API:A,INTERNAL_TOGETHER_API:N,CARE_API:E,INTERNAL_CARE_API:e,SIDIS_TEMPLATE_API:s,SIDIS_API:P,SIDIS_API_GET:T,SSO_API:U,LOCALE:L,DEPLOY_ENV:O,LEAD_API:S,SUBOT_API:R,INTERNAL_SUBOT_API:n,SUBOT_URL:r,PREMIUM_URL:o,VACCINATION_TOOL_API:Y,LOGGING_ENABLED:c}){I&&(process.env.UNIFY_DISCOVER_API=I),_&&(process.env.UNIFY_INTERNAL_DISCOVER_API=_),A&&(process.env.UNIFY_TOGETHER_API=A),N&&(process.env.UNIFY_INTERNAL_TOGETHER_API=N),E&&(process.env.UNIFY_CARE_API=E),e&&(process.env.UNIFY_INTERNAL_CARE_API=e),s&&(process.env.UNIFY_SIDIS_TEMPLATE_API=s),P&&(process.env.UNIFY_SIDIS_API=P),T&&(process.env.UNIFY_SIDIS_API_GET=T),U&&(process.env.UNIFY_SSO_API=U),L&&(process.env.UNIFY_LOCALE=L),O&&(process.env.UNIFY_DEPLOY_ENV=O),S&&(process.env.UNIFY_LEAD_API=S),R&&(process.env.UNIFY_SUBOT_API=R),n&&(process.env.UNIFY_INTERNAL_SUBOT_API=n),r&&(process.env.UNIFY_SUBOT_URL=r),o&&(process.env.UNIFY_PREMIUM_URL=o),Y&&(process.env.UNIFY_VACCINATION_TOOL_API=Y),String(c)&&(process.env.UNIFY_LOGGING_ENABLED=String(c))}export{I as setupUnifyEnv};
+function setupUnifyEnv({ DISCOVER_API, INTERNAL_DISCOVER_API, TOGETHER_API, INTERNAL_TOGETHER_API, CARE_API, INTERNAL_CARE_API, SIDIS_TEMPLATE_API, SIDIS_API, SIDIS_API_GET, SSO_API, LOCALE, DEPLOY_ENV, LEAD_API, SUBOT_API, INTERNAL_SUBOT_API, SUBOT_URL, PREMIUM_URL, VACCINATION_TOOL_API, LOGGING_ENABLED, }) {
+    if (DISCOVER_API)
+        process.env.UNIFY_DISCOVER_API = DISCOVER_API;
+    if (INTERNAL_DISCOVER_API)
+        process.env.UNIFY_INTERNAL_DISCOVER_API = INTERNAL_DISCOVER_API;
+    if (TOGETHER_API)
+        process.env.UNIFY_TOGETHER_API = TOGETHER_API;
+    if (INTERNAL_TOGETHER_API)
+        process.env.UNIFY_INTERNAL_TOGETHER_API = INTERNAL_TOGETHER_API;
+    if (CARE_API)
+        process.env.UNIFY_CARE_API = CARE_API;
+    if (INTERNAL_CARE_API)
+        process.env.UNIFY_INTERNAL_CARE_API = INTERNAL_CARE_API;
+    if (SIDIS_TEMPLATE_API)
+        process.env.UNIFY_SIDIS_TEMPLATE_API = SIDIS_TEMPLATE_API;
+    if (SIDIS_API)
+        process.env.UNIFY_SIDIS_API = SIDIS_API;
+    if (SIDIS_API_GET)
+        process.env.UNIFY_SIDIS_API_GET = SIDIS_API_GET;
+    if (SSO_API)
+        process.env.UNIFY_SSO_API = SSO_API;
+    if (LOCALE)
+        process.env.UNIFY_LOCALE = LOCALE;
+    if (DEPLOY_ENV)
+        process.env.UNIFY_DEPLOY_ENV = DEPLOY_ENV;
+    if (LEAD_API)
+        process.env.UNIFY_LEAD_API = LEAD_API;
+    if (SUBOT_API)
+        process.env.UNIFY_SUBOT_API = SUBOT_API;
+    if (INTERNAL_SUBOT_API)
+        process.env.UNIFY_INTERNAL_SUBOT_API = INTERNAL_SUBOT_API;
+    if (SUBOT_URL)
+        process.env.UNIFY_SUBOT_URL = SUBOT_URL;
+    if (PREMIUM_URL)
+        process.env.UNIFY_PREMIUM_URL = PREMIUM_URL;
+    if (VACCINATION_TOOL_API)
+        process.env.UNIFY_VACCINATION_TOOL_API = VACCINATION_TOOL_API;
+    if (String(LOGGING_ENABLED))
+        process.env.UNIFY_LOGGING_ENABLED = String(LOGGING_ENABLED);
+}
+
+export { setupUnifyEnv };

package/build/esm/useCategory-2c87152d.js

@@ -0,0 +1,292 @@
+import { a as __awaiter } from './tslib.es6-1b1533a9.js';
+import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
+import { g as getCookie } from './cookieHelper-d314282c.js';
+import { u as useInitialMount } from './useUniqueId-3638402f.js';
+import { L as LOCALE } from './Subot-3289bd8e.js';
+import { u as useTranslations } from './useTranslations-4f1db486.js';
+
+function normalizeAndHash(string) {
+    const utf8 = new TextEncoder().encode(string.trim().toLowerCase());
+    return crypto.subtle.digest('SHA-256', utf8).then((hashBuffer) => {
+        const hashArray = Array.from(new Uint8Array(hashBuffer));
+        const hashHex = hashArray
+            .map((bytes) => bytes.toString(16).padStart(2, '0'))
+            .join('');
+        return hashHex;
+    });
+}
+const FbDataLayerStoreKey = 'fbDataLayer_userInfo';
+const IPStoreKey = 'fbClientIp';
+const useFbDataLayer = (userInfo) => {
+    const savedIpRef = useRef('');
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e;
+            if (!savedIpRef.current) {
+                let userIp = yield fetch('https://api.ipify.org').then((res) => res.text());
+                if (!userIp) {
+                    userIp = yield fetch('https://icanhazip.com').then((res) => res.text());
+                }
+                savedIpRef.current = userIp;
+            }
+            (_b = (_a = window.localStorage) === null || _a === void 0 ? void 0 : _a.setItem) === null || _b === void 0 ? void 0 : _b.call(_a, IPStoreKey, JSON.stringify({
+                client_ip_address: ((_c = savedIpRef.current) === null || _c === void 0 ? void 0 : _c.replace('\n', '')) || '',
+                client_user_agent: navigator.userAgent || '',
+            }));
+            if (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) {
+                const [em, ph, db, ge, ct, fn] = yield Promise.all([
+                    userInfo.email ? normalizeAndHash(userInfo.email) : null,
+                    userInfo.phone ? normalizeAndHash(userInfo.phone) : null,
+                    userInfo.birthday
+                        ? normalizeAndHash(userInfo.birthday.split('-').join(''))
+                        : null,
+                    userInfo.gender ? 'm' : 'f',
+                    userInfo.city_name
+                        ? normalizeAndHash(userInfo.city_name).then((n) => n.replace(/\s/g, ''))
+                        : null,
+                    userInfo.name ? normalizeAndHash(userInfo.name) : null,
+                ]);
+                ({
+                    fbc: getCookie('_fbc') || '',
+                    fbp: getCookie('_fbp') || '',
+                });
+                const localData = {
+                    user_id: userInfo.id,
+                };
+                if (fn) {
+                    localData['fn'] = fn;
+                }
+                if (em) {
+                    localData['em'] = em;
+                }
+                if (ph) {
+                    localData['ph'] = ph;
+                }
+                if (db) {
+                    localData['db'] = db;
+                }
+                if (ct) {
+                    localData['ct'] = ct;
+                }
+                (_e = (_d = window.localStorage) === null || _d === void 0 ? void 0 : _d.setItem) === null || _e === void 0 ? void 0 : _e.call(_d, FbDataLayerStoreKey, JSON.stringify(localData));
+                // ;(async function waitFbq() {
+                //   // check for the generic script
+                //   // easiest check to prevent race condition
+                //   if (window.fbq) {
+                //     window.fbq('trackCustom', 'FB Conversion', {
+                //       action_source: 'website',
+                //       event_source_url: window.location.href,
+                //       user_data: [userData],
+                //     })
+                //   } else {
+                //     timeout = setTimeout(waitFbq, 1000)
+                //   }
+                // })()
+            }
+        }))();
+        return () => {
+        };
+    }, [userInfo]);
+};
+
+/** src: https://www.benmvp.com/blog/8-helpful-custom-react-hooks/
+ * know the PREVIOUS + DIFFERENT value of props or state. */
+const usePrevious = (value) => {
+    // use refs to keep track of both the previous &
+    // current values
+    const prevRef = useRef();
+    const curRef = useRef(value);
+    const isInitialMount = useInitialMount();
+    // after the initial render, if the value passed in
+    // differs from the `curRef`, then we know that the
+    // value we're tracking actually changed. we can
+    // update the refs. otherwise if the `curRef` &
+    // value are the same, something else caused the
+    // re-render and we should *not* update `prevRef`.
+    if (!isInitialMount && curRef.current !== value) {
+        prevRef.current = curRef.current;
+        curRef.current = value;
+    }
+    return prevRef.current;
+};
+
+/** src: https://www.benmvp.com/blog/8-helpful-custom-react-hooks/
+ * delay State update till next animation frame. Similar to debounce but shorter */
+const useRafState = (initialState) => {
+    // this is the actual state
+    const [state, setState] = useState(initialState);
+    // keep track of the `requestAnimationFrame` request ID
+    // across renders and successive calls to `useRafState`
+    const requestId = useRef(0);
+    // the actual state setter we'll return.
+    // using `useCallback` so that it's memoized
+    // just like `setState`
+    const setRafState = useCallback((value) => {
+        // cancel active request before making next one.
+        // this is debouncing.
+        cancelAnimationFrame(requestId.current);
+        // create new request to set state on animation frame
+        requestId.current = requestAnimationFrame(() => {
+            setState(value);
+        });
+    }, []);
+    // cancel any active request when component unmounts
+    useEffect(() => {
+        return () => cancelAnimationFrame(requestId.current);
+    });
+    return [state, setRafState];
+};
+
+const PREGNANCY_SLUG = {
+    'vi-VN': 'mang-thai',
+    'id-ID': 'kehamilan',
+    'ms-MY': 'kehamilan',
+    'km-KH': 'ពពោះ',
+    'en-PH': 'pregnancy',
+    'tl-PH': 'pregnancy',
+    'th-TH': 'การตั้งครรภ์',
+    'my-MM': 'pregnancy',
+    'zh-TW': 'pregnancy',
+    'hi-IN': 'pregnancy',
+};
+// NOTE: this is temporary mapping on 13/02/2023, can be outdated due to changes from content team in the future
+const MAPPED_CATEGORY_SLUGS = {
+    [LOCALE.Vietnam]: {
+        sexualWellness: 'suc-khoe-tinh-duc',
+        health: 'suc-khoe',
+        healthyEating: 'an-uong-lanh-manh',
+        skinHealth: 'da-lieu',
+        healthyHabit: 'thoi-quen-lanh-manh',
+        drug: 'thuoc',
+        womensHealth: 'suc-khoe-phu-nu',
+        fitness: 'the-duc-the-thao',
+        pregnancy: 'mang-thai',
+        parenting: 'nuoi-day-con',
+        diabetes: 'tieu-duong-dai-thao-duong',
+        healthyMind: 'tam-ly-tam-than',
+    },
+    [LOCALE.Indonesia]: {
+        pregnancy: 'kehamilan',
+        parenting: 'parenting',
+        health: 'sehat',
+        diabetes: 'diabetes',
+        womensHealth: 'wanita',
+        drug: 'obat-suplemen',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [LOCALE.Malaysia]: {
+        pregnancy: 'kehamilan',
+        parenting: 'keibubapaan',
+        health: 'kesihatan',
+        diabetes: 'kencing-manis',
+        womensHealth: 'kesihatan-wanita',
+        drug: 'ubat',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [LOCALE.Cambodia]: {
+        pregnancy: '%e1%9e%96%e1%9e%96%e1%9f%84%e1%9f%87',
+        parenting: '%e1%9e%85%e1%9e%b7%e1%9e%89%e1%9f%92%e1%9e%85%e1%9e%b9%e1%9e%98%e1%9e%80%e1%9e%bc%e1%9e%93',
+        health: '%e1%9e%9f%e1%9e%bb%e1%9e%81%e1%9e%97%e1%9e%b6%e1%9e%96%e1%9e%91%e1%9e%bc%e1%9e%91%e1%9f%85',
+        diabetes: '%e1%9e%87%e1%9f%86%e1%9e%84%e1%9e%ba%e1%9e%91%e1%9e%b9%e1%9e%80%e1%9e%93%e1%9f%84%e1%9e%98%e1%9e%95%e1%9f%92%e1%9e%a2%e1%9f%82%e1%9e%98',
+        womensHealth: '%e1%9e%9f%e1%9e%bb%e1%9e%81%e1%9e%97%e1%9e%b6%e1%9e%96%e1%9e%9f%e1%9f%92%e1%9e%8f%e1%9f%92%e1%9e%9a%e1%9e%b8',
+        drug: '%e1%9e%b1%e1%9e%9f%e1%9e%90%e1%9e%93%e1%9e%b7%e1%9e%84%e1%9e%a2%e1%9e%b6%e1%9e%a0%e1%9e%b6%e1%9e%9a%e1%9e%94%e1%9f%86%e1%9e%94%e1%9f%89%e1%9e%93',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [LOCALE.PhilippinesEnglish]: {
+        pregnancy: 'pregnancy',
+        parenting: 'parenting',
+        health: 'health',
+        diabetes: 'diabetes',
+        womensHealth: 'womens-health',
+        drug: 'drugs-supplements',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [LOCALE.PhilippinesTagalog]: {
+        pregnancy: 'pagbubuntis',
+        parenting: 'pagiging-magulang',
+        health: 'kalusugan',
+        diabetes: 'diabetes-fil',
+        womensHealth: 'kalusugan-kababaihan',
+        drug: 'drugs-at-supplements',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [LOCALE.Thailand]: {
+        pregnancy: '%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87%e0%b8%84%e0%b8%a3%e0%b8%a3%e0%b8%a0%e0%b9%8c',
+        parenting: '%e0%b8%9e%e0%b9%88%e0%b8%ad%e0%b9%81%e0%b8%a1%e0%b9%88%e0%b9%80%e0%b8%a5%e0%b8%b5%e0%b9%89%e0%b8%a2%e0%b8%87%e0%b8%a5%e0%b8%b9%e0%b8%81',
+        health: '%e0%b8%aa%e0%b8%b8%e0%b8%82%e0%b8%a0%e0%b8%b2%e0%b8%9e',
+        diabetes: '%e0%b9%82%e0%b8%a3%e0%b8%84%e0%b9%80%e0%b8%9a%e0%b8%b2%e0%b8%ab%e0%b8%a7%e0%b8%b2%e0%b8%99',
+        womensHealth: '%e0%b8%aa%e0%b8%b8%e0%b8%82%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%ab%e0%b8%8d%e0%b8%b4%e0%b8%87',
+        drug: '%e0%b8%a2%e0%b8%b2%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b8%ad%e0%b8%b2%e0%b8%ab%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%aa%e0%b8%a3%e0%b8%b4%e0%b8%a1',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [LOCALE.Myanmar]: {
+        pregnancy: 'pregnancy',
+        parenting: 'parenting',
+        health: 'health',
+        diabetes: 'diabetes',
+        womensHealth: 'womens-health',
+        drug: 'drugs-az',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [LOCALE.Taiwan]: {
+        pregnancy: 'pregnancy',
+        parenting: 'parenting',
+        health: 'health',
+        diabetes: 'diabetes',
+        womensHealth: 'womens-health',
+        drug: 'drugs-supplement',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [LOCALE.India]: {
+        pregnancy: 'pregnancy',
+        parenting: 'parenting',
+        health: 'health',
+        diabetes: 'diabetes',
+        womensHealth: 'womens-health',
+        diabetesEn: 'en-diabetes',
+        drug: 'dawaai',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+};
+function getCategoryFromURL(url, categories) {
+    const urlParts = url.split('/');
+    for (const key in categories) {
+        const keyword = categories[key];
+        if (urlParts.includes(keyword)) {
+            return key;
+        }
+    }
+    return null; // Return null if no matching key is found
+}
+const useCategory = (asPath) => {
+    const { locale } = useTranslations();
+    const isPregnancy = useMemo(() => decodeURI(asPath.replace(/\//gi, '')).includes(PREGNANCY_SLUG[locale]), []);
+    const isParenting = useMemo(() => {
+        var _a;
+        return decodeURI(asPath.replace(/\//gi, '')).includes((_a = MAPPED_CATEGORY_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.parenting);
+    }, []);
+    const type = useMemo(() => {
+        return getCategoryFromURL(asPath, MAPPED_CATEGORY_SLUGS[locale]);
+    }, [asPath, locale]);
+    return { isPregnancy, isParenting, type };
+};
+
+export { MAPPED_CATEGORY_SLUGS as M, PREGNANCY_SLUG as P, usePrevious as a, useRafState as b, useCategory as c, useFbDataLayer as u };

package/build/esm/useHealthToolCache-29d22ddb.js

@@ -0,0 +1,17 @@
+import { a as __awaiter } from './tslib.es6-1b1533a9.js';
+import { useState, useEffect, useCallback } from 'react';
+import { a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-f4497aa5.js';
+
+const useHealthToolsCache = (locale) => {
+    const [allTools, setAllTools] = useState([]);
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const allHealthTools = yield getDynamicHealthToolWithCache(locale);
+            setAllTools(allHealthTools);
+        }))();
+    }, [getDynamicHealthToolWithCache, locale]);
+    const getHealthToolLink = useCallback((type) => { var _a; return ((_a = allTools.find((tool) => tool.template === type)) === null || _a === void 0 ? void 0 : _a.link) || ''; }, [allTools]);
+    return { allTools, getHealthToolLink };
+};
+
+export { useHealthToolsCache as u };

package/build/esm/useIsInit-8a2fc8e5.js

@@ -0,0 +1,11 @@
+import { useState, useEffect } from 'react';
+
+const useIsInit = () => {
+    const [isInit, setIsInit] = useState(true);
+    useEffect(() => {
+        setIsInit(false);
+    }, []);
+    return isInit;
+};
+
+export { useIsInit as u };

package/build/esm/useOutsideClick-c8a7ff20.js

@@ -0,0 +1,45 @@
+import { useEffect, useCallback } from 'react';
+
+const callbacks = new Map();
+const handleClick = (e) => {
+    for (const [ref, callback] of callbacks) {
+        if (ref.current && !ref.current.contains(e.target)) {
+            callback(e);
+        }
+    }
+};
+const initSharedOutSideClickListener = () => {
+    document.addEventListener('mousedown', handleClick, {
+        passive: true,
+    });
+};
+/** require the use of initSharedOutSideClickListener once, anywhere globally  */
+const useSharedOutsideClick = (ref, callback) => {
+    useEffect(() => {
+        callbacks.set(ref, callback);
+        return () => {
+            callbacks.delete(ref);
+        };
+    }, [ref, callback]);
+};
+const useOutsideClick = (ref, callback) => {
+    const handleClick = useCallback((e) => {
+        var _a;
+        // If the click target is a descendant of the ref, ignore it
+        if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
+            return;
+        }
+        // Otherwise, invoke the callback
+        callback(e);
+    }, []);
+    useEffect(() => {
+        document.addEventListener('mousedown', handleClick, {
+            passive: true,
+        });
+        return () => {
+            document.removeEventListener('mousedown', handleClick);
+        };
+    }, [handleClick]);
+};
+
+export { useOutsideClick as a, initSharedOutSideClickListener as i, useSharedOutsideClick as u };

package/build/esm/usePlacesAutocomplete-63e04e8e.js

@@ -0,0 +1,80 @@
+import { a as __awaiter } from './tslib.es6-1b1533a9.js';
+import { useState, useEffect } from 'react';
+
+const formatAutoCompleteAddress = (addresses) => {
+    if (!addresses || addresses.length < 1)
+        return [];
+    return addresses.map((s) => ({
+        placeId: s.place_id,
+        description: s.description,
+    }));
+};
+const IS_SSR = typeof window === 'undefined';
+// https://developers.google.com/maps/faq#languagesupport
+const GOOGLE_API_LANGUAGE = {
+    VN: 'vi',
+    ID: 'id',
+    TH: 'th',
+    MY: 'ms',
+    TW: 'zh-TW',
+    KH: 'km',
+    MM: 'my',
+    IN: 'hi',
+    PH: 'en',
+};
+const GOOGLE_API_KEY = 'AIzaSyD9AbNa4AFwr8eNVs90G1YhQLhfWJ6KncU';
+const googleAutocomplete = (text = '', countrycode = '', languageCountrycode = 'vi') => __awaiter(void 0, void 0, void 0, function* () {
+    return new Promise((resolve, reject) => {
+        if (!text) {
+            return reject('Need valid text input');
+        }
+        if (IS_SSR) {
+            return reject('Need valid window object');
+        }
+        try {
+            new window.google.maps.places.AutocompleteService().getPlacePredictions(Object.assign(Object.assign({ input: text }, (countrycode
+                ? {
+                    componentRestrictions: { country: countrycode },
+                }
+                : {})), { language: GOOGLE_API_LANGUAGE[languageCountrycode] }), resolve);
+        }
+        catch (e) {
+            reject(e);
+        }
+    });
+});
+const usePlacesAutocomplete = (text = '', countrycode = '', languageCountrycode = '', debounceTimeout = 500) => {
+    const [predictions, setPredictions] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        let handleDebounce;
+        if (text) {
+            handleDebounce = window.setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
+                if (!text) {
+                    setPredictions([]);
+                    return;
+                }
+                try {
+                    setIsLoading(true);
+                    const nextPredictions = yield googleAutocomplete(text, countrycode, languageCountrycode);
+                    setPredictions(formatAutoCompleteAddress(nextPredictions));
+                }
+                catch (e) {
+                    console.error(e);
+                }
+                finally {
+                    setIsLoading(false);
+                }
+            }), debounceTimeout);
+        }
+        else if (predictions.length) {
+            setPredictions([]);
+        }
+        return () => {
+            window.clearTimeout(handleDebounce);
+        };
+    }, [text, debounceTimeout, countrycode]);
+    return { isLoading, predictions };
+};
+
+export { GOOGLE_API_KEY as G, GOOGLE_API_LANGUAGE as a, usePlacesAutocomplete as u };

package/build/esm/useScrollbarSize-51ce1374.js

@@ -0,0 +1,57 @@
+import { useState, useRef, useEffect } from 'react';
+import debounce from 'lodash/debounce';
+
+const MEASURE_ELEMENT_CLASS = 'measure-scrollbar-size';
+const useScrollbarSize = (trigger = true) => {
+    const [dimensions, setDimensions] = useState({ height: 0, width: 0 });
+    const element = useRef(null);
+    // initialize resize event handler and state when mounted
+    useEffect(() => {
+        if (!trigger || typeof window === 'undefined') {
+            return;
+        }
+        const getElement = () => {
+            if (!element.current) {
+                // element was not created yet -- initialize
+                element.current = document.createElement('div');
+                element.current.classList.add(MEASURE_ELEMENT_CLASS);
+                element.current.style.width = '99px';
+                element.current.style.height = '99px';
+                element.current.style.overflow = 'scroll';
+                element.current.style.position = 'absolute';
+                element.current.style.top = '-9999px';
+                element.current.setAttribute('aria-hidden', 'true');
+                element.current.setAttribute('role', 'presentation');
+            }
+            return element.current;
+        };
+        const updateState = () => {
+            const { offsetHeight, clientHeight, offsetWidth, clientWidth } = getElement();
+            const scrollbarHeight = offsetHeight - clientHeight;
+            const scrollbarWidth = offsetWidth - clientWidth;
+            setDimensions((currentDimensions) => {
+                const { height, width } = currentDimensions;
+                return height !== scrollbarHeight || width !== scrollbarWidth
+                    ? { height: scrollbarHeight, width: scrollbarWidth }
+                    : currentDimensions;
+            });
+        };
+        const handleResize = debounce(updateState, 100);
+        // initialize
+        window.addEventListener('resize', handleResize, {
+            passive: true,
+        });
+        document.body.appendChild(getElement());
+        updateState();
+        const elementToRemove = getElement();
+        // cleanup
+        return () => {
+            handleResize.cancel();
+            window.removeEventListener('resize', handleResize);
+            document.body.removeChild(elementToRemove);
+        };
+    }, [trigger]);
+    return dimensions;
+};
+
+export { MEASURE_ELEMENT_CLASS as M, useScrollbarSize as u };

package/build/esm/useTranslations-4f1db486.js

@@ -0,0 +1,26 @@
+import { useContext, useMemo } from 'react';
+import { T as TranslationsContext } from './translationsContext-ad3e25de.js';
+import formatString from 'string-format';
+
+function useTranslations() {
+    const { values, locale } = useContext(TranslationsContext) || {
+        locale: 'en-PH',
+    };
+    return useMemo(() => ({
+        t(k, option) {
+            if (!values) {
+                console.error('[useTranslations] t method called before translation values are loaded');
+                return k;
+            }
+            if (values[k]) {
+                return option ? formatString(values[k] || k, option) : values[k] || k;
+            }
+            console.warn(`[useTranslations] Missing translation for key ${k} and locale ${locale}`);
+            return option ? formatString(k, option) : k;
+        },
+        // @ts-ignore
+        locale,
+    }), [values, locale]);
+}
+
+export { useTranslations as u };

package/build/esm/useUniqueId-3638402f.js

@@ -0,0 +1,41 @@
+import { useRef } from 'react';
+
+/** src: https://www.benmvp.com/blog/8-helpful-custom-react-hooks/
+ * check if we are at first mount */
+const useInitialMount = () => {
+    // refs exist across component re-renders, so
+    // we can use it to store a value for the
+    // subsequent renders. We're tracking if it's
+    // the first render, which is initially `true`
+    const isFirst = useRef(true);
+    // the very first render, the ref will be
+    // `true`. but we immediately set it to `false`
+    // so that every render after will be `false`
+    if (isFirst.current) {
+        isFirst.current = false;
+        // return true the very first render
+        return true;
+    }
+    // return false every following render
+    return false;
+};
+
+let GLOBAL_ID = 0;
+/** src: https://www.benmvp.com/blog/8-helpful-custom-react-hooks/
+ * Generate Unique ID for both server and client side. Format: hhg-gen-id{number}
+ * This depend on render order, assuming that the order is the same on server and client.
+ */
+const useUniqueId = () => {
+    const idRef = useRef('');
+    const isInitialMount = useInitialMount();
+    // generate the ID for the first render
+    // and store in the ref to remain for
+    // subsequent renders
+    if (isInitialMount) {
+        GLOBAL_ID += 1;
+        idRef.current = `hhg-gen-id${GLOBAL_ID}`;
+    }
+    return idRef.current;
+};
+
+export { useUniqueId as a, useInitialMount as u };