@hhgtech/hhg-components 1.28.36 → 1.28.38

package/build/screenSizeContext-0e841cc0.js

@@ -1,81 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("react"),r=require("lodash/throttle");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(t),a=n(r);const s=e.keyframes`
-from {
-  transform: translate3d(0, 100%, 0);
-  visibility: visible;
-}
-
-to {
-  transform: translate3d(0, 0, 0);
-}
-`,o=e.keyframes`
-from {
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,d=e.keyframes`
- from {
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,_=e.keyframes`
- from {
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,m=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(0, 100%, 0);
-}
-`,p=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(-100%, 0, 0);
-}
-`,E=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(100%, 0, 0);
-}
-`,l=e.keyframes`
- from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -100%, 0);
-  }
-`,O=e.keyframes`
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`,B=e=>{const t=Object.keys(e);return t.length?"?"+t.map((t=>`${t}=${e[t]}`)).join("&"):""},P={BREAK_POINT_SMALL_MOBILE:480,BREAK_POINT_MOBILE:768,BREAK_POINT_TABLET:1024,BREAK_POINT_PC:1159,BREAK_POINT_LGPC:1440},I={smbDown:`@media (max-width: ${P.BREAK_POINT_SMALL_MOBILE-1}px)`,smbUp:`@media (min-width: ${P.BREAK_POINT_SMALL_MOBILE}px)`,mbDown:`@media (max-width: ${P.BREAK_POINT_MOBILE-1}px)`,mbOnly:`@media (min-width: ${P.BREAK_POINT_SMALL_MOBILE}px) and (max-width: ${P.BREAK_POINT_MOBILE-1}px)`,mbUp:`@media (min-width: ${P.BREAK_POINT_MOBILE}px)`,tdDown:`@media (max-width: ${P.BREAK_POINT_TABLET-1}px)`,tdOnly:`@media (min-width: ${P.BREAK_POINT_MOBILE}px) and (max-width: ${P.BREAK_POINT_TABLET-1}px)`,tdUp:`@media (min-width: ${P.BREAK_POINT_TABLET}px)`,pcUp:`@media (min-width: ${P.BREAK_POINT_PC}px)`,pcOnly:`@media (min-width: ${P.BREAK_POINT_TABLET}px) and (max-width: ${P.BREAK_POINT_PC-1}px)`,pcDown:`@media (max-width: ${P.BREAK_POINT_PC-1}px)`,lgPcUp:`@media (min-width: ${P.BREAK_POINT_LGPC}px)`,lgPcOnly:`@media (min-width: ${P.BREAK_POINT_PC}px) and (max-width: ${P.BREAK_POINT_LGPC-1}px)`,lgPcDown:`@media (max-width: ${P.BREAK_POINT_LGPC-1}px)`,mbToPC:`@media (min-width: ${P.BREAK_POINT_MOBILE}px) and (max-width: ${P.BREAK_POINT_PC-1}px)`},c=t.createContext({isInit:!0}),T=e=>{const t=(e=>"number"==typeof e?e:"undefined"!=typeof window&&window.innerWidth||0)(e);return{smallMobile:t<P.BREAK_POINT_SMALL_MOBILE,mobile:t>=P.BREAK_POINT_SMALL_MOBILE&&t<P.BREAK_POINT_MOBILE,tablet:t>=P.BREAK_POINT_MOBILE&&t<P.BREAK_POINT_TABLET,pc:t>=P.BREAK_POINT_TABLET&&t<P.BREAK_POINT_PC,xl:t>=P.BREAK_POINT_PC}};exports.Breakpoints=P,exports.MediaQueries=I,exports.ScreenSizeContext=c,exports.ScreenSizeContextProvider=({children:e})=>{const[r,n]=t.useState((()=>({isInit:!0})));t.useEffect((()=>{const e=a.default((()=>{n({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const s=t.useMemo((()=>T(r.width)),[r.width]);return i.default.createElement(c.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:s})},e)},exports.fadeIn=O,exports.formatUrlWithPageParam=(e,t=1,r="page")=>{const[n,i]=e.split("?"),a=new URLSearchParams(i||""),s={};return a.forEach(((e,t)=>{e&&(s[t]=e)})),Number(t)>1?s[r]=String(t):delete s[r],n+B(s)},exports.getBoundariesFromMediaQueryKey=e=>{switch(e){case"smbDown":return[0,P.BREAK_POINT_SMALL_MOBILE-1];case"smbUp":return[P.BREAK_POINT_SMALL_MOBILE,0];case"mbDown":return[0,P.BREAK_POINT_MOBILE-1];case"mbOnly":return[P.BREAK_POINT_SMALL_MOBILE,P.BREAK_POINT_MOBILE-1];case"mbUp":return[P.BREAK_POINT_MOBILE,0];case"tdDown":return[0,P.BREAK_POINT_TABLET-1];case"tdOnly":return[P.BREAK_POINT_MOBILE,P.BREAK_POINT_TABLET-1];case"tdUp":return[P.BREAK_POINT_TABLET,0];case"pcUp":return[P.BREAK_POINT_PC,0];case"pcOnly":return[P.BREAK_POINT_TABLET,P.BREAK_POINT_PC-1];case"pcDown":return[0,P.BREAK_POINT_PC-1];case"lgPcUp":return[P.BREAK_POINT_LGPC,0];case"lgPcOnly":return[P.BREAK_POINT_PC,P.BREAK_POINT_LGPC-1];case"lgPcDown":return[0,P.BREAK_POINT_LGPC-1];case"mbToPC":return[P.BREAK_POINT_MOBILE,P.BREAK_POINT_PC-1]}},exports.getPopupWrapperDom=()=>{if("undefined"==typeof document)return null;const e="hhg-comp-popup-wrapper";if(!document.querySelector("#"+e)){const t=document.createElement("div");t.id=e,document.body.appendChild(t)}return document.querySelector("#"+e)},exports.getWindowSizeGroups=T,exports.getWrapperDomWithSelector=(e,t)=>{if("undefined"==typeof document)return null;if(!e.querySelector(`[data-wrapper-selector="${t}"]`)){const e=document.createElement("div");e.setAttribute("data-wrapper-selector",t),document.body.appendChild(e)}return e.querySelector(`[data-wrapper-selector="${t}"]`)},exports.makeParams=B,exports.safeEncodeURI=e=>decodeURI(e)!==e?e:encodeURI(e),exports.slideInDown=o,exports.slideInLeft=d,exports.slideInRight=_,exports.slideInUp=s,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=E,exports.slideOutUp=l,exports.startCase=e=>e.replace(/\w\S*/g,(function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()})),exports.toggleNoScroll=e=>{"undefined"!=typeof window&&(document.documentElement.style.overflow=e?"hidden":"")};

package/build/utils-7528478f.js

@@ -1,141 +0,0 @@
-"use strict";var e=require("./screenSizeContext-0e841cc0.js"),t=require("styled-components"),o=require("react"),s=require("./gAssets.js"),a=require("./index-536d19f8.js"),n=require("./Subot-6a20c386.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t),h=r(o);const g=l.default.div`
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  z-index: 1;
-  .main-logo-icon {
-    object-fit: contain;
-  }
-  &[data-logo-is-light] {
-    > svg path {
-      fill: #fff;
-    }
-    img {
-      filter: brightness(0) invert(1);
-    }
-  }
-
-  &[data-has-badge] {
-    @supports (display: flex) and (gap: 1em) {
-      gap: 0.5rem;
-    }
-
-    @supports not ((display: flex) and (gap: 1em)) {
-      > img {
-        margin-left: 0.25rem;
-      }
-    }
-  }
-
-  .common-logo-seasonal-left,
-  .common-logo-seasonal-right {
-    z-index: -1;
-    max-width: unset;
-    max-height: unset;
-  }
-  .common-logo-seasonal-left {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    transform: translateY(-50%);
-  }
-  .common-logo-seasonal-right {
-    position: absolute;
-    top: 50%;
-    right: 0;
-    transform: translateY(-50%);
-  }
-  &[data-seasonal='christmas'] {
-    padding-left: 37px;
-    padding-right: 22px;
-    .common-logo-seasonal-left {
-      width: 125px;
-      height: 56px;
-    }
-    .common-logo-seasonal-right {
-      width: 23px;
-      height: 17px;
-    }
-  }
-  &[data-seasonal='new-year'] {
-    padding-right: 85px;
-    .common-logo-seasonal-left {
-      top: 35%;
-      width: 100px;
-      height: 56px;
-    }
-    .common-logo-seasonal-right {
-      width: 85px;
-      height: 54px;
-    }
-    ${e.MediaQueries.mbDown} {
-      padding-right: 0;
-      .common-logo-seasonal-right {
-        display: none;
-      }
-    }
-  }
-  &[data-seasonal='lunar-new-year'] {
-    padding-left: 30px;
-    padding-right: 35px;
-    .common-logo-seasonal-left {
-      width: 33px;
-      height: 41px;
-    }
-    .common-logo-seasonal-right {
-      width: 37px;
-      height: 54px;
-    }
-  }
-  &[data-seasonal='ramadan'] {
-    &[data-type='hellosehat'] {
-      padding-right: 35px;
-      .common-logo-seasonal-left {
-        width: 165px;
-        height: unset;
-        left: 6px;
-      }
-      .common-logo-seasonal-right {
-        width: 33px;
-        height: unset;
-      }
-    }
-    &[data-type='hellodoktor'] {
-      padding-right: 66px;
-      .common-logo-seasonal-left {
-        width: 133px;
-        height: unset;
-        left: 6px;
-      }
-      .common-logo-seasonal-right {
-        width: 63px;
-        height: unset;
-      }
-    }
-  }
-  &[data-seasonal='hung-king'] {
-    &[data-type='hellobacsi'] {
-      .common-logo-seasonal-left {
-        width: 134px;
-        height: unset;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-      }
-    }
-    &[data-type='marryBaby'] {
-      .common-logo-seasonal-left {
-        width: 145px;
-        height: unset;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-      }
-    }
-  }
-`,i=l.default.img`
-  height: 16px;
-  width: unset;
-  margin-bottom: 4px;
-  margin-left: -3px;
-`,p=o.memo((({type:e,width:t,height:n})=>{const r=o.useMemo((()=>{switch(e){case"hellobacsi":return{width:t||"107px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:t||"127px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:t||"121px",height:n||"27px",src:s.CommonGAssets.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:t||"123px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:t||"150px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:t||"99px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:t||"127px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:t||"101px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:t||"111px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:t||"89px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:t||"123px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:t||"105px",height:n||"24px",src:s.CommonGAssets.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:t||"60px",height:n||"57px",src:s.CommonGAssets.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:t||"145px",height:n||"28px",src:s.CommonGAssets.getAssetPath("logo/marrybaby.png")};default:return null}}),[e,t,n]),{src:l,width:g,height:i}=r||{};return h.default.createElement(a.ImageWrap,{alt:`${e} logo`,className:"main-logo-icon",src:l,style:{width:g,height:i}})})),m={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},d=[n.LOCALE.Vietnam,n.LOCALE.Taiwan,n.LOCALE.Indonesia,n.LOCALE.Malaysia],c=[{year:2024,start:[10,2],end:[8,3]},{year:2025,start:[1,2],end:[30,2]},{year:2026,start:[18,1],end:[19,2]},{year:2027,start:[8,1],end:[9,2]},{year:2028,start:[28,0],end:[26,1]},{year:2029,start:[16,0],end:[14,1]},{year:2030,start:[6,0],end:[4,1]},{year:2030,start:[26,11],end:[24,0,2031]},{year:2031,start:[15,11],end:[13,0,2032]},{year:2032,start:[4,11],end:[2,0,2033]}],x={2024:[18,3],2025:[7,3],2026:[26,3],2027:[16,3],2028:[4,3],2029:[23,3],2030:[12,3],2031:[1,3],2032:[19,3],2033:[9,3],2034:[28,3],2035:[17,3]};exports.LogoIcon=p,exports.LunarNewYearLocale=d,exports.StyledLogo=g,exports.StyledProLogo=i,exports.isChristmas=e=>{const t=e.getDate();return 11===e.getMonth()&&t>=16&&t<=25},exports.isLabourDay=e=>{const t=e.getFullYear(),o=new Date(t,4,1),s=new Date(o);s.setDate(o.getDate()-1);const a=new Date(o);return a.setDate(o.getDate()+1),s<=e&&e<=a},exports.isLunarNewYear=e=>{const t=e.getFullYear(),o=m[t];if(!o)return!1;const s=new Date(t,o[1],o[0]),a=new Date(s);a.setDate(s.getDate()-7);const n=new Date(s);return n.setDate(s.getDate()+5),a<=e&&e<=n},exports.isNewYear=e=>{const t=e.getDate(),o=e.getMonth();return 11===o&&t>=26||0===o&&t<=15},exports.isRamadan=e=>{const t=e.getFullYear(),o=c.filter((e=>e.year===t));return!!o.length&&o.some((o=>{const s=o.start[2]||t,a=new Date(s,o.start[1],o.start[0]),n=new Date(s,o.end[1],o.end[0]);return a<=e&&e<=n}))},exports.isVN3004=e=>{const t=e.getFullYear(),o=new Date(t,3,30),s=new Date(o);s.setDate(o.getDate()-1);const a=new Date(o);return a.setDate(o.getDate()+2),s<=e&&e<=a},exports.isVNHungKing=e=>{const t=e.getFullYear(),o=x[t];if(!o)return!1;const s=new Date(t,o[1],o[0]),a=new Date(s);a.setDate(s.getDate()-1);const n=new Date(s);return n.setDate(s.getDate()+1),a<=e&&e<=n};