@hhgtech/hhg-components 1.28.68 → 1.28.70

package/build/constants-fc94e094.js

@@ -0,0 +1,255 @@
+'use strict';
+
+var theme = require('./theme-30426d81.js');
+var utils = require('./utils-d8cae1f5.js');
+var styled = require('styled-components');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const StyledInput = styled__default["default"].div `
+  position: relative;
+  width: 100%;
+
+  &[data-has-error] {
+    input {
+      border-color: ${theme.theme.colors.red700};
+    }
+  }
+
+  input {
+    width: 100%;
+    padding: 12px 16px;
+    border: solid 1px ${theme.theme.colors.gray200};
+    border-radius: ${theme.theme.borderRadius};
+
+    &:active,
+    &:focus,
+    &.focused {
+      border-color: ${(props) => props.color};
+      box-shadow: 0px 0px 2px 2px ${(props) => props.shadowColor};
+    }
+
+    &:disabled {
+      background-color: ${theme.theme.colors.gray100};
+      cursor: not-allowed;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding: 12px 48px 12px 16px;
+    }
+  }
+  &[data-has-display-icon] {
+    input {
+      padding: 12px 16px 12px 48px;
+    }
+  }
+
+  &[data-has-action-icon][data-has-display-icon] {
+    input {
+      padding: 12px 48px;
+    }
+  }
+
+  &[data-size='lg'] {
+    input {
+      font-size: 16px;
+      font-weight: ${theme.theme.sizes.fwRegular};
+      ${utils.MediaQueries.mbDown} {
+        font-size: 22px;
+        line-height: 1.2;
+      }
+
+      ${utils.MediaQueries.mbUp} {
+        font-size: 26px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='md'] {
+    input {
+      font-weight: ${theme.theme.sizes.fwRegular};
+      line-height: 22px;
+      ${utils.MediaQueries.mbDown} {
+        font-size: 14px;
+        line-height: 1.2;
+      }
+
+      ${utils.MediaQueries.mbUp} {
+        font-size: 16px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='sm'] {
+    input {
+      font-weight: ${theme.theme.sizes.fwRegular};
+      line-height: 20px;
+      ${utils.MediaQueries.mbDown} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+
+      ${utils.MediaQueries.mbUp} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+    }
+  }
+`;
+const StyledErrorLabel = styled__default["default"].label `
+  color: ${theme.theme.colors.red700};
+  font-weight: ${theme.theme.sizes.fwRegular};
+`;
+const StyledActionIcon = styled__default["default"].div `
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  cursor: pointer;
+  transform: translateY(-50%);
+`;
+const StyledDisplayIcon = styled__default["default"].div `
+  position: absolute;
+  top: 50%;
+  left: 16px;
+  display: inline-flex;
+  cursor: default;
+  transform: translateY(-50%);
+`;
+
+var styles = {"label":"DjBFAbd"};
+
+/**
+ * @deprecated will removed soon
+ */
+const Label = ({ children, className, style, htmlFor, size }) => {
+    return (React__default["default"].createElement("label", { "data-size": size, className: `${styles.label} ${className || ''}`, style: style, htmlFor: htmlFor }, children));
+};
+
+const basePath = '/care';
+const LOCALE_COUNTRY = {
+    'vi-VN': { id: 1, name: 'Vietnam' },
+    'id-ID': { id: 2, name: 'Indonesia' },
+    'ms-MY': { id: 3, name: 'Malaysia' },
+    'km-KH': { id: 4, name: 'Cambodia' },
+    'en-PH': { id: 5, name: 'Philippines' },
+    'th-TH': { id: 6, name: 'Thai Lan' },
+    'my-MM': { id: 7, name: 'Myanmar' },
+    'zh-TW': { id: 8, name: 'Taiwan' },
+    'hi-IN': { id: 9, name: 'India' },
+};
+const LOCALIZED_SLUGS = {
+    'en-PH': {
+        ALL: 'all',
+        HOSPITAL: 'hospital',
+        SERVICE: 'service',
+        DOCTOR: 'doctor',
+        SEARCH: 'search',
+        SPECIALTIES: 'specialties',
+        CURRENT: 'current-location',
+    },
+    'tl-PH': {
+        ALL: 'all',
+        HOSPITAL: 'hospital',
+        SERVICE: 'service',
+        DOCTOR: 'doctor',
+        SEARCH: 'search',
+        SPECIALTIES: 'specialties',
+        CURRENT: 'current-location',
+    },
+    'zh-TW': {
+        ALL: 'all',
+        HOSPITAL: 'hospital',
+        SERVICE: 'service',
+        DOCTOR: 'doctor',
+        SEARCH: 'search',
+        SPECIALTIES: 'specialties',
+        CURRENT: 'current-location',
+    },
+    'vi-VN': {
+        ALL: 'tat-ca',
+        HOSPITAL: 'benh-vien',
+        SERVICE: 'dich-vu',
+        DOCTOR: 'bac-si',
+        SEARCH: 'tim-kiem',
+        SPECIALTIES: 'chuyen-khoa',
+        CURRENT: 'vi-tri-hien-tai',
+    },
+    'id-ID': {
+        ALL: 'semua',
+        HOSPITAL: 'rumah-sakit',
+        SERVICE: 'layanan',
+        DOCTOR: 'dokter',
+        SEARCH: 'cari',
+        SPECIALTIES: 'spesialisasi',
+        CURRENT: 'posisi-saya-saat-ini',
+    },
+    'ms-MY': {
+        ALL: 'all',
+        HOSPITAL: 'hospital',
+        SERVICE: 'service',
+        DOCTOR: 'doctor',
+        SEARCH: 'search',
+        SPECIALTIES: 'specialties',
+        CURRENT: 'current-location',
+    },
+};
+const ID_OPTION_CURRENT_LOCATION = -1;
+const ID_OPTION_ALL_LOCATION = -2;
+exports.CLIENT_KEY = void 0;
+(function (CLIENT_KEY) {
+    CLIENT_KEY["GSK"] = "gsk";
+    CLIENT_KEY["ROCHE"] = "roche";
+    CLIENT_KEY["MSD"] = "msd";
+})(exports.CLIENT_KEY || (exports.CLIENT_KEY = {}));
+var SLUG_CLIENT_KEY;
+(function (SLUG_CLIENT_KEY) {
+    SLUG_CLIENT_KEY["GSK"] = "gsk";
+    SLUG_CLIENT_KEY["ROCHE"] = "roche";
+    SLUG_CLIENT_KEY["MSD"] = "spesialis";
+})(SLUG_CLIENT_KEY || (SLUG_CLIENT_KEY = {}));
+const SLUG_VACIN_ID = 'vaksin-rotavirus';
+const MAPPING_CLIENT_WITH_SLUG = {
+    'vi-VN': {
+        gsk: SLUG_CLIENT_KEY.GSK,
+        msd: SLUG_CLIENT_KEY.MSD,
+    },
+    'id-ID': {
+        gsk: SLUG_CLIENT_KEY.GSK,
+        msd: SLUG_CLIENT_KEY.MSD,
+    },
+    'en-PH': {},
+    'zh-TW': {},
+    'ms-MY': {},
+    'tl-PH': {},
+};
+
+var constants = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  basePath: basePath,
+  LOCALE_COUNTRY: LOCALE_COUNTRY,
+  LOCALIZED_SLUGS: LOCALIZED_SLUGS,
+  ID_OPTION_CURRENT_LOCATION: ID_OPTION_CURRENT_LOCATION,
+  ID_OPTION_ALL_LOCATION: ID_OPTION_ALL_LOCATION,
+  get CLIENT_KEY () { return exports.CLIENT_KEY; },
+  get SLUG_CLIENT_KEY () { return SLUG_CLIENT_KEY; },
+  SLUG_VACIN_ID: SLUG_VACIN_ID,
+  MAPPING_CLIENT_WITH_SLUG: MAPPING_CLIENT_WITH_SLUG
+});
+
+exports.ID_OPTION_ALL_LOCATION = ID_OPTION_ALL_LOCATION;
+exports.ID_OPTION_CURRENT_LOCATION = ID_OPTION_CURRENT_LOCATION;
+exports.LOCALIZED_SLUGS = LOCALIZED_SLUGS;
+exports.Label = Label;
+exports.MAPPING_CLIENT_WITH_SLUG = MAPPING_CLIENT_WITH_SLUG;
+exports.SLUG_VACIN_ID = SLUG_VACIN_ID;
+exports.StyledActionIcon = StyledActionIcon;
+exports.StyledDisplayIcon = StyledDisplayIcon;
+exports.StyledErrorLabel = StyledErrorLabel;
+exports.StyledInput = StyledInput;
+exports.constants = constants;

package/build/constants.js

@@ -1 +1,43 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var E=require("./index-2ce34495.js"),e=require("./isProduction-b8d43f53.js");require("date-fns/locale"),require("./Subot-b0700a95.js"),exports.API_DATE_FORMAT=E.API_DATE_FORMAT,exports.BEARER_TOKEN_COOKIE=E.BEARER_TOKEN_COOKIE,exports.CARE_BOOKING_LOCALES=E.CARE_BOOKING_LOCALES,exports.CARE_LOCALES=E.CARE_LOCALES,exports.CDN_ADDRESS=E.CDN_ADDRESS,exports.DATE_FNS_DATE_FORMAT=E.DATE_FNS_DATE_FORMAT,exports.DATE_FNS_LOCALE=E.DATE_FNS_LOCALE,exports.ECOM_LOCALES=E.ECOM_LOCALES,exports.FAVICONS=E.FAVICONS,exports.GA_TOKEN_COOKIE=E.GA_TOKEN_COOKIE,exports.ISO_FORMAT=E.ISO_FORMAT,exports.LOCALE_SPECS=E.LOCALE_SPECS,exports.MAP_DOMAIN_BY_LOCALE=E.MAP_DOMAIN_BY_LOCALE,Object.defineProperty(exports,"QUERY_HEALTH_TOOL",{enumerable:!0,get:function(){return E.QUERY_HEALTH_TOOL}}),Object.defineProperty(exports,"RISK_SCREENER_NAME",{enumerable:!0,get:function(){return E.RISK_SCREENER_NAME}}),exports.RISK_SCREENER_SLUG=E.RISK_SCREENER_SLUG,exports.SSO_URL=E.SSO_URL,exports.STATIC_PAGES=E.STATIC_PAGES,exports.TOGETHER_LOCALES=E.TOGETHER_LOCALES,exports.UP_BASEPATH=E.UP_BASEPATH,exports.USER_GEOLOCATION_COORDINATES_COOKIE=E.USER_GEOLOCATION_COORDINATES_COOKIE,exports.basePath=E.basePath,exports.domainLocales=E.domainLocales,exports.siteHost=E.siteHost,exports.siteOptions=E.siteOptions,exports.isProduction=e.isProduction;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('./index-69a38997.js');
+var isProduction = require('./isProduction-4f301fa7.js');
+require('date-fns/locale');
+require('./Subot-cc39f8f4.js');
+
+
+
+exports.API_DATE_FORMAT = index.API_DATE_FORMAT;
+exports.BEARER_TOKEN_COOKIE = index.BEARER_TOKEN_COOKIE;
+exports.CARE_BOOKING_LOCALES = index.CARE_BOOKING_LOCALES;
+exports.CARE_LOCALES = index.CARE_LOCALES;
+exports.CDN_ADDRESS = index.CDN_ADDRESS;
+exports.DATE_FNS_DATE_FORMAT = index.DATE_FNS_DATE_FORMAT;
+exports.DATE_FNS_LOCALE = index.DATE_FNS_LOCALE;
+exports.ECOM_LOCALES = index.ECOM_LOCALES;
+exports.FAVICONS = index.FAVICONS;
+exports.GA_TOKEN_COOKIE = index.GA_TOKEN_COOKIE;
+exports.ISO_FORMAT = index.ISO_FORMAT;
+exports.LOCALE_SPECS = index.LOCALE_SPECS;
+exports.MAP_DOMAIN_BY_LOCALE = index.MAP_DOMAIN_BY_LOCALE;
+Object.defineProperty(exports, 'QUERY_HEALTH_TOOL', {
+	enumerable: true,
+	get: function () { return index.QUERY_HEALTH_TOOL; }
+});
+Object.defineProperty(exports, 'RISK_SCREENER_NAME', {
+	enumerable: true,
+	get: function () { return index.RISK_SCREENER_NAME; }
+});
+exports.RISK_SCREENER_SLUG = index.RISK_SCREENER_SLUG;
+exports.SSO_URL = index.SSO_URL;
+exports.STATIC_PAGES = index.STATIC_PAGES;
+exports.TOGETHER_LOCALES = index.TOGETHER_LOCALES;
+exports.UP_BASEPATH = index.UP_BASEPATH;
+exports.USER_GEOLOCATION_COORDINATES_COOKIE = index.USER_GEOLOCATION_COORDINATES_COOKIE;
+exports.basePath = index.basePath;
+exports.domainLocales = index.domainLocales;
+exports.siteHost = index.siteHost;
+exports.siteOptions = index.siteOptions;
+exports.isProduction = isProduction.isProduction;

package/build/cookieHelper-5530e215.js

@@ -0,0 +1,43 @@
+'use strict';
+
+const getCookie = (name) => {
+    if (typeof window === 'undefined')
+        return;
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2)
+        return parts.pop().split(';').shift();
+};
+const setCookie = (name, value, opts) => {
+    if (typeof window === 'undefined')
+        return;
+    let expires = '';
+    const { days, minutes, domain, path } = opts || {};
+    if (days || minutes) {
+        const date = new Date();
+        if (days) {
+            date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+        }
+        else {
+            date.setTime(date.getTime() + minutes * 60 * 1000);
+        }
+        expires = '; expires=' + date.toUTCString();
+    }
+    document.cookie =
+        name +
+            '=' +
+            (value || '') +
+            expires +
+            '; path=' +
+            (path || '/') +
+            (domain ? '; domain=' + domain : '');
+};
+const deleteCookie = (name) => {
+    if (typeof window === 'undefined')
+        return;
+    document.cookie = name + '=; Max-Age=-99999999; path=/';
+};
+
+exports.deleteCookie = deleteCookie;
+exports.getCookie = getCookie;
+exports.setCookie = setCookie;

package/build/core-04836b33.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-abc17c4d.js');
+var isProduction = require('./isProduction-4f301fa7.js');
+
+const ServerCache = {};
+const getCachedItem = (key) => {
+    if (typeof window !== 'undefined') {
+        let res;
+        try {
+            res = JSON.parse(localStorage.getItem((!isProduction.isProduction ? 'staging_' : '') + 'hhg-cache-' + key) || '{}');
+        }
+        catch (_a) { }
+        return res || {};
+    }
+    else {
+        return ServerCache[key];
+    }
+};
+const setCachedItem = (key, value) => {
+    try {
+        if (typeof window !== 'undefined') {
+            localStorage.setItem((!isProduction.isProduction ? 'staging_' : '') + 'hhg-cache-' + key, JSON.stringify({ data: value, time: Date.now() }));
+        }
+        else {
+            ServerCache[key] = { data: value, time: Date.now() };
+        }
+    }
+    catch (_a) { }
+};
+const getDataWithCache = (key, dataGetter, validator, cacheTime = 1000 * 60 * 15) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+    const persistData = getCachedItem(key);
+    if (persistData &&
+        persistData.data &&
+        persistData.time &&
+        Date.now() - persistData.time < cacheTime) {
+        return persistData.data;
+    }
+    else if (dataGetter) {
+        const data = yield dataGetter();
+        if (!validator || validator(data)) {
+            setCachedItem(key, data);
+        }
+        return data;
+    }
+    return null;
+});
+
+exports.getCachedItem = getCachedItem;
+exports.getDataWithCache = getDataWithCache;
+exports.setCachedItem = setCachedItem;

package/build/dataTransform-9b71cb70.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var React = require('react');
+var throttle = require('lodash/throttle');
+var utils = require('./utils-d8cae1f5.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var throttle__default = /*#__PURE__*/_interopDefault(throttle);
+
+const ScreenSizeContext = React.createContext({
+    isInit: true,
+});
+const getWidthValue = (manualWidth) => typeof manualWidth === 'number'
+    ? manualWidth
+    : (typeof window !== 'undefined' && window.innerWidth) || 0;
+// get from width passed in, else get from window.innerWidth
+const getWindowSizeGroups = (manualWidth) => {
+    const width = getWidthValue(manualWidth);
+    return {
+        smallMobile: width < utils.Breakpoints.BREAK_POINT_SMALL_MOBILE,
+        mobile: width >= utils.Breakpoints.BREAK_POINT_SMALL_MOBILE &&
+            width < utils.Breakpoints.BREAK_POINT_MOBILE,
+        tablet: width >= utils.Breakpoints.BREAK_POINT_MOBILE &&
+            width < utils.Breakpoints.BREAK_POINT_TABLET,
+        pc: width >= utils.Breakpoints.BREAK_POINT_TABLET &&
+            width < utils.Breakpoints.BREAK_POINT_PC,
+        xl: width >= utils.Breakpoints.BREAK_POINT_PC,
+    };
+};
+const ScreenSizeContextProvider = ({ children, }) => {
+    const [screenSize, setScreenSize] = React.useState(() => ({
+        isInit: true,
+    }));
+    React.useEffect(() => {
+        const handleResize = throttle__default["default"](() => {
+            setScreenSize({
+                width: window.innerWidth,
+                height: window.innerHeight,
+                isInit: false,
+            });
+        }, 200);
+        window.addEventListener('resize', handleResize, { passive: true });
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    const sizeGroups = React.useMemo(() => getWindowSizeGroups(screenSize.width), [screenSize.width]);
+    return (React__default["default"].createElement(ScreenSizeContext.Provider, { value: Object.assign(Object.assign({}, screenSize), { sizeGroups }) }, children));
+};
+
+const formatPill = (data) => {
+    if (!data)
+        return {};
+    return {
+        id: data.id,
+        name: data.name || '',
+        icon: data.fruit_icon || '',
+    };
+};
+
+exports.ScreenSizeContext = ScreenSizeContext;
+exports.ScreenSizeContextProvider = ScreenSizeContextProvider;
+exports.formatPill = formatPill;
+exports.getWindowSizeGroups = getWindowSizeGroups;