@hhgtech/hhg-components 1.28.68 → 1.28.69

package/build/esm/constants-b77ffe3d.js

@@ -0,0 +1,238 @@
+import { t as theme } from './theme-e74db08c.js';
+import { M as MediaQueries } from './utils-2c484c05.js';
+import styled from 'styled-components';
+import React__default from 'react';
+
+const StyledInput = styled.div `
+  position: relative;
+  width: 100%;
+
+  &[data-has-error] {
+    input {
+      border-color: ${theme.colors.red700};
+    }
+  }
+
+  input {
+    width: 100%;
+    padding: 12px 16px;
+    border: solid 1px ${theme.colors.gray200};
+    border-radius: ${theme.borderRadius};
+
+    &:active,
+    &:focus,
+    &.focused {
+      border-color: ${(props) => props.color};
+      box-shadow: 0px 0px 2px 2px ${(props) => props.shadowColor};
+    }
+
+    &:disabled {
+      background-color: ${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.sizes.fwRegular};
+      ${MediaQueries.mbDown} {
+        font-size: 22px;
+        line-height: 1.2;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 26px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='md'] {
+    input {
+      font-weight: ${theme.sizes.fwRegular};
+      line-height: 22px;
+      ${MediaQueries.mbDown} {
+        font-size: 14px;
+        line-height: 1.2;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 16px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='sm'] {
+    input {
+      font-weight: ${theme.sizes.fwRegular};
+      line-height: 20px;
+      ${MediaQueries.mbDown} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+    }
+  }
+`;
+const StyledErrorLabel = styled.label `
+  color: ${theme.colors.red700};
+  font-weight: ${theme.sizes.fwRegular};
+`;
+const StyledActionIcon = styled.div `
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  cursor: pointer;
+  transform: translateY(-50%);
+`;
+const StyledDisplayIcon = styled.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.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;
+var CLIENT_KEY;
+(function (CLIENT_KEY) {
+    CLIENT_KEY["GSK"] = "gsk";
+    CLIENT_KEY["ROCHE"] = "roche";
+    CLIENT_KEY["MSD"] = "msd";
+})(CLIENT_KEY || (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 CLIENT_KEY; },
+  get SLUG_CLIENT_KEY () { return SLUG_CLIENT_KEY; },
+  SLUG_VACIN_ID: SLUG_VACIN_ID,
+  MAPPING_CLIENT_WITH_SLUG: MAPPING_CLIENT_WITH_SLUG
+});
+
+export { CLIENT_KEY as C, ID_OPTION_ALL_LOCATION as I, Label as L, MAPPING_CLIENT_WITH_SLUG as M, StyledInput as S, LOCALIZED_SLUGS as a, StyledDisplayIcon as b, constants as c, StyledActionIcon as d, StyledErrorLabel as e, ID_OPTION_CURRENT_LOCATION as f, SLUG_VACIN_ID as g };

package/build/esm/constants.js

@@ -1 +1,4 @@
-export{A as API_DATE_FORMAT,B as BEARER_TOKEN_COOKIE,b as CARE_BOOKING_LOCALES,C as CARE_LOCALES,c as CDN_ADDRESS,h as DATE_FNS_DATE_FORMAT,D as DATE_FNS_LOCALE,E as ECOM_LOCALES,F as FAVICONS,G as GA_TOKEN_COOKIE,I as ISO_FORMAT,L as LOCALE_SPECS,M as MAP_DOMAIN_BY_LOCALE,Q as QUERY_HEALTH_TOOL,R as RISK_SCREENER_NAME,a as RISK_SCREENER_SLUG,f as SSO_URL,S as STATIC_PAGES,T as TOGETHER_LOCALES,g as UP_BASEPATH,U as USER_GEOLOCATION_COORDINATES_COOKIE,e as basePath,d as domainLocales,j as siteHost,s as siteOptions}from"./index-39174b30.js";export{i as isProduction}from"./isProduction-819e0c5c.js";import"date-fns/locale";import"./Subot-fcd7c77c.js";
+export { A as API_DATE_FORMAT, B as BEARER_TOKEN_COOKIE, b as CARE_BOOKING_LOCALES, C as CARE_LOCALES, c as CDN_ADDRESS, h as DATE_FNS_DATE_FORMAT, D as DATE_FNS_LOCALE, E as ECOM_LOCALES, F as FAVICONS, G as GA_TOKEN_COOKIE, I as ISO_FORMAT, L as LOCALE_SPECS, M as MAP_DOMAIN_BY_LOCALE, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, f as SSO_URL, S as STATIC_PAGES, T as TOGETHER_LOCALES, g as UP_BASEPATH, U as USER_GEOLOCATION_COORDINATES_COOKIE, e as basePath, d as domainLocales, j as siteHost, s as siteOptions } from './index-e612be9c.js';
+export { i as isProduction } from './isProduction-0ea904dd.js';
+import 'date-fns/locale';
+import './Subot-3289bd8e.js';

package/build/esm/cookieHelper-d314282c.js

@@ -0,0 +1,39 @@
+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=/';
+};
+
+export { deleteCookie as d, getCookie as g, setCookie as s };

package/build/esm/core-8c73d133.js

@@ -0,0 +1,47 @@
+import { a as __awaiter } from './tslib.es6-1b1533a9.js';
+import { i as isProduction } from './isProduction-0ea904dd.js';
+
+const ServerCache = {};
+const getCachedItem = (key) => {
+    if (typeof window !== 'undefined') {
+        let res;
+        try {
+            res = JSON.parse(localStorage.getItem((!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 ? '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) => __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;
+});
+
+export { getCachedItem as a, getDataWithCache as g, setCachedItem as s };

package/build/esm/dataTransform-8ecfc046.js

@@ -0,0 +1,56 @@
+import React__default, { createContext, useState, useEffect, useMemo } from 'react';
+import throttle from 'lodash/throttle';
+import { B as Breakpoints } from './utils-2c484c05.js';
+
+const ScreenSizeContext = 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 < Breakpoints.BREAK_POINT_SMALL_MOBILE,
+        mobile: width >= Breakpoints.BREAK_POINT_SMALL_MOBILE &&
+            width < Breakpoints.BREAK_POINT_MOBILE,
+        tablet: width >= Breakpoints.BREAK_POINT_MOBILE &&
+            width < Breakpoints.BREAK_POINT_TABLET,
+        pc: width >= Breakpoints.BREAK_POINT_TABLET &&
+            width < Breakpoints.BREAK_POINT_PC,
+        xl: width >= Breakpoints.BREAK_POINT_PC,
+    };
+};
+const ScreenSizeContextProvider = ({ children, }) => {
+    const [screenSize, setScreenSize] = useState(() => ({
+        isInit: true,
+    }));
+    useEffect(() => {
+        const handleResize = throttle(() => {
+            setScreenSize({
+                width: window.innerWidth,
+                height: window.innerHeight,
+                isInit: false,
+            });
+        }, 200);
+        window.addEventListener('resize', handleResize, { passive: true });
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    const sizeGroups = useMemo(() => getWindowSizeGroups(screenSize.width), [screenSize.width]);
+    return (React__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 || '',
+    };
+};
+
+export { ScreenSizeContext as S, ScreenSizeContextProvider as a, formatPill as f, getWindowSizeGroups as g };