@hhgtech/hhg-components 1.28.68 → 1.28.70

package/build/types.js

@@ -1 +1,56 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Subot-b0700a95.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),exports.ELEMENT_CONTROL_INPUT_TYPE=e.ELEMENT_CONTROL_INPUT_TYPE,exports.FULL_KEY_ADDRESS=e.FULL_KEY_ADDRESS,Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}}),Object.defineProperty(exports,"NodeActionType",{enumerable:!0,get:function(){return e.NodeActionType}}),exports.NodeFinalTypes=e.NodeFinalTypes,Object.defineProperty(exports,"NodeIntentType",{enumerable:!0,get:function(){return e.NodeIntentType}}),Object.defineProperty(exports,"NodeMultipleOptions",{enumerable:!0,get:function(){return e.NodeMultipleOptions}}),Object.defineProperty(exports,"NodePosition",{enumerable:!0,get:function(){return e.NodePosition}}),Object.defineProperty(exports,"NodeType",{enumerable:!0,get:function(){return e.NodeType}}),Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return e.OnboardingStep}}),exports.SubotType=e.SubotType;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Subot = require('./Subot-cc39f8f4.js');
+
+
+
+Object.defineProperty(exports, 'BabyGrowthChartDuration', {
+	enumerable: true,
+	get: function () { return Subot.BabyGrowthChartDuration; }
+});
+Object.defineProperty(exports, 'BabyGrowthChartType', {
+	enumerable: true,
+	get: function () { return Subot.BabyGrowthChartType; }
+});
+Object.defineProperty(exports, 'BabyGrowthResultTab', {
+	enumerable: true,
+	get: function () { return Subot.BabyGrowthResultTab; }
+});
+exports.ELEMENT_CONTROL_INPUT_TYPE = Subot.ELEMENT_CONTROL_INPUT_TYPE;
+exports.FULL_KEY_ADDRESS = Subot.FULL_KEY_ADDRESS;
+Object.defineProperty(exports, 'Gender', {
+	enumerable: true,
+	get: function () { return Subot.Gender; }
+});
+Object.defineProperty(exports, 'LOCALE', {
+	enumerable: true,
+	get: function () { return Subot.LOCALE; }
+});
+Object.defineProperty(exports, 'NodeActionType', {
+	enumerable: true,
+	get: function () { return Subot.NodeActionType; }
+});
+exports.NodeFinalTypes = Subot.NodeFinalTypes;
+Object.defineProperty(exports, 'NodeIntentType', {
+	enumerable: true,
+	get: function () { return Subot.NodeIntentType; }
+});
+Object.defineProperty(exports, 'NodeMultipleOptions', {
+	enumerable: true,
+	get: function () { return Subot.NodeMultipleOptions; }
+});
+Object.defineProperty(exports, 'NodePosition', {
+	enumerable: true,
+	get: function () { return Subot.NodePosition; }
+});
+Object.defineProperty(exports, 'NodeType', {
+	enumerable: true,
+	get: function () { return Subot.NodeType; }
+});
+Object.defineProperty(exports, 'OnboardingStep', {
+	enumerable: true,
+	get: function () { return Subot.OnboardingStep; }
+});
+exports.SubotType = Subot.SubotType;

package/build/unifyEnv.js

@@ -1 +1,46 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setupUnifyEnv=function({DISCOVER_API:I,INTERNAL_DISCOVER_API:_,TOGETHER_API:A,INTERNAL_TOGETHER_API:e,CARE_API:E,INTERNAL_CARE_API:N,SIDIS_TEMPLATE_API:s,SIDIS_API:P,SIDIS_API_GET:T,SSO_API:U,LOCALE:O,DEPLOY_ENV:L,LEAD_API:S,SUBOT_API:n,INTERNAL_SUBOT_API:r,SUBOT_URL:R,PREMIUM_URL:o,VACCINATION_TOOL_API:p,LOGGING_ENABLED:c}){I&&(process.env.UNIFY_DISCOVER_API=I),_&&(process.env.UNIFY_INTERNAL_DISCOVER_API=_),A&&(process.env.UNIFY_TOGETHER_API=A),e&&(process.env.UNIFY_INTERNAL_TOGETHER_API=e),E&&(process.env.UNIFY_CARE_API=E),N&&(process.env.UNIFY_INTERNAL_CARE_API=N),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),O&&(process.env.UNIFY_LOCALE=O),L&&(process.env.UNIFY_DEPLOY_ENV=L),S&&(process.env.UNIFY_LEAD_API=S),n&&(process.env.UNIFY_SUBOT_API=n),r&&(process.env.UNIFY_INTERNAL_SUBOT_API=r),R&&(process.env.UNIFY_SUBOT_URL=R),o&&(process.env.UNIFY_PREMIUM_URL=o),p&&(process.env.UNIFY_VACCINATION_TOOL_API=p),String(c)&&(process.env.UNIFY_LOGGING_ENABLED=String(c))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+}
+
+exports.setupUnifyEnv = setupUnifyEnv;

package/build/useCategory-c53c40ba.js

@@ -0,0 +1,299 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-abc17c4d.js');
+var React = require('react');
+var cookieHelper = require('./cookieHelper-5530e215.js');
+var useUniqueId = require('./useUniqueId-27dee48b.js');
+var Subot = require('./Subot-cc39f8f4.js');
+var useTranslations = require('./useTranslations-64bdaca7.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 = React.useRef('');
+    React.useEffect(() => {
+        (() => tslib_es6.__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: cookieHelper.getCookie('_fbc') || '',
+                    fbp: cookieHelper.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 = React.useRef();
+    const curRef = React.useRef(value);
+    const isInitialMount = useUniqueId.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] = React.useState(initialState);
+    // keep track of the `requestAnimationFrame` request ID
+    // across renders and successive calls to `useRafState`
+    const requestId = React.useRef(0);
+    // the actual state setter we'll return.
+    // using `useCallback` so that it's memoized
+    // just like `setState`
+    const setRafState = React.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
+    React.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 = {
+    [Subot.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',
+    },
+    [Subot.LOCALE.Indonesia]: {
+        pregnancy: 'kehamilan',
+        parenting: 'parenting',
+        health: 'sehat',
+        diabetes: 'diabetes',
+        womensHealth: 'wanita',
+        drug: 'obat-suplemen',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [Subot.LOCALE.Malaysia]: {
+        pregnancy: 'kehamilan',
+        parenting: 'keibubapaan',
+        health: 'kesihatan',
+        diabetes: 'kencing-manis',
+        womensHealth: 'kesihatan-wanita',
+        drug: 'ubat',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [Subot.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: '',
+    },
+    [Subot.LOCALE.PhilippinesEnglish]: {
+        pregnancy: 'pregnancy',
+        parenting: 'parenting',
+        health: 'health',
+        diabetes: 'diabetes',
+        womensHealth: 'womens-health',
+        drug: 'drugs-supplements',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [Subot.LOCALE.PhilippinesTagalog]: {
+        pregnancy: 'pagbubuntis',
+        parenting: 'pagiging-magulang',
+        health: 'kalusugan',
+        diabetes: 'diabetes-fil',
+        womensHealth: 'kalusugan-kababaihan',
+        drug: 'drugs-at-supplements',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [Subot.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: '',
+    },
+    [Subot.LOCALE.Myanmar]: {
+        pregnancy: 'pregnancy',
+        parenting: 'parenting',
+        health: 'health',
+        diabetes: 'diabetes',
+        womensHealth: 'womens-health',
+        drug: 'drugs-az',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [Subot.LOCALE.Taiwan]: {
+        pregnancy: 'pregnancy',
+        parenting: 'parenting',
+        health: 'health',
+        diabetes: 'diabetes',
+        womensHealth: 'womens-health',
+        drug: 'drugs-supplement',
+        sexualWellness: '',
+        healthyEating: '',
+        skinHealth: '',
+    },
+    [Subot.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.useTranslations();
+    const isPregnancy = React.useMemo(() => decodeURI(asPath.replace(/\//gi, '')).includes(PREGNANCY_SLUG[locale]), []);
+    const isParenting = React.useMemo(() => {
+        var _a;
+        return decodeURI(asPath.replace(/\//gi, '')).includes((_a = MAPPED_CATEGORY_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.parenting);
+    }, []);
+    const type = React.useMemo(() => {
+        return getCategoryFromURL(asPath, MAPPED_CATEGORY_SLUGS[locale]);
+    }, [asPath, locale]);
+    return { isPregnancy, isParenting, type };
+};
+
+exports.MAPPED_CATEGORY_SLUGS = MAPPED_CATEGORY_SLUGS;
+exports.PREGNANCY_SLUG = PREGNANCY_SLUG;
+exports.useCategory = useCategory;
+exports.useFbDataLayer = useFbDataLayer;
+exports.usePrevious = usePrevious;
+exports.useRafState = useRafState;

package/build/useHealthToolCache-d358ef43.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-abc17c4d.js');
+var React = require('react');
+var getDynamicHealthTool = require('./getDynamicHealthTool-b66c50c2.js');
+
+const useHealthToolsCache = (locale) => {
+    const [allTools, setAllTools] = React.useState([]);
+    React.useEffect(() => {
+        (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+            const allHealthTools = yield getDynamicHealthTool.getDynamicHealthToolWithCache(locale);
+            setAllTools(allHealthTools);
+        }))();
+    }, [getDynamicHealthTool.getDynamicHealthToolWithCache, locale]);
+    const getHealthToolLink = React.useCallback((type) => { var _a; return ((_a = allTools.find((tool) => tool.template === type)) === null || _a === void 0 ? void 0 : _a.link) || ''; }, [allTools]);
+    return { allTools, getHealthToolLink };
+};
+
+exports.useHealthToolsCache = useHealthToolsCache;

package/build/useIsInit-447f599e.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var React = require('react');
+
+const useIsInit = () => {
+    const [isInit, setIsInit] = React.useState(true);
+    React.useEffect(() => {
+        setIsInit(false);
+    }, []);
+    return isInit;
+};
+
+exports.useIsInit = useIsInit;

package/build/useOutsideClick-44f3b64d.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var React = require('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) => {
+    React.useEffect(() => {
+        callbacks.set(ref, callback);
+        return () => {
+            callbacks.delete(ref);
+        };
+    }, [ref, callback]);
+};
+const useOutsideClick = (ref, callback) => {
+    const handleClick = React.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);
+    }, []);
+    React.useEffect(() => {
+        document.addEventListener('mousedown', handleClick, {
+            passive: true,
+        });
+        return () => {
+            document.removeEventListener('mousedown', handleClick);
+        };
+    }, [handleClick]);
+};
+
+exports.initSharedOutSideClickListener = initSharedOutSideClickListener;
+exports.useOutsideClick = useOutsideClick;
+exports.useSharedOutsideClick = useSharedOutsideClick;

package/build/usePlacesAutocomplete-f63f4097.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-abc17c4d.js');
+var React = require('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') => tslib_es6.__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] = React.useState([]);
+    const [isLoading, setIsLoading] = React.useState(false);
+    React.useEffect(() => {
+        let handleDebounce;
+        if (text) {
+            handleDebounce = window.setTimeout(() => tslib_es6.__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 };
+};
+
+exports.GOOGLE_API_KEY = GOOGLE_API_KEY;
+exports.GOOGLE_API_LANGUAGE = GOOGLE_API_LANGUAGE;
+exports.usePlacesAutocomplete = usePlacesAutocomplete;

package/build/useScrollbarSize-3e11e4b6.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var React = require('react');
+var debounce = require('lodash/debounce');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var debounce__default = /*#__PURE__*/_interopDefault(debounce);
+
+const MEASURE_ELEMENT_CLASS = 'measure-scrollbar-size';
+const useScrollbarSize = (trigger = true) => {
+    const [dimensions, setDimensions] = React.useState({ height: 0, width: 0 });
+    const element = React.useRef(null);
+    // initialize resize event handler and state when mounted
+    React.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__default["default"](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;
+};
+
+exports.MEASURE_ELEMENT_CLASS = MEASURE_ELEMENT_CLASS;
+exports.useScrollbarSize = useScrollbarSize;

package/build/useTranslations-64bdaca7.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var translationsContext = require('./translationsContext-7e9f4617.js');
+var formatString = require('string-format');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var formatString__default = /*#__PURE__*/_interopDefault(formatString);
+
+function useTranslations() {
+    const { values, locale } = React.useContext(translationsContext.TranslationsContext) || {
+        locale: 'en-PH',
+    };
+    return React.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__default["default"](values[k] || k, option) : values[k] || k;
+            }
+            console.warn(`[useTranslations] Missing translation for key ${k} and locale ${locale}`);
+            return option ? formatString__default["default"](k, option) : k;
+        },
+        // @ts-ignore
+        locale,
+    }), [values, locale]);
+}
+
+exports.useTranslations = useTranslations;