@hhgtech/hhg-components 1.24.20-beta-2 → 1.24.20-beta-3

package/build/{types-d76ba42c.js → types-f0b25c2b.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-3688f3ff.js"),t=require("react"),a=require("./constants-58fc8fb2.js"),i=require("./index-0d0acf99.js"),o=require("./cookieHelper-65bcb9f9.js"),n=require("./useTranslations-1b5d06df.js"),s=require("lodash/debounce"),l=require("./index-b5ea6be9.js"),r=require("styled-components"),c=require("./index-314d3e0d.js"),d=require("./theme-07be6f9b.js"),u=require("react-loading-skeleton"),h=require("./utils-50b3feb2.js"),p=require("lodash/shuffle"),g=require("./useOutsideClick-b88593cc.js"),f=require("string-format");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=C(t),y=C(s),b=C(r),v=C(u),E=C(p),w=C(f);const L=b.default.div``,x=b.default.div`
+"use strict";var e=require("./tslib.es6-05dad075.js"),t=require("react"),a=require("./constants-02df70a2.js"),i=require("./index-94643352.js"),o=require("./cookieHelper-8431e40e.js"),n=require("./useTranslations-3ade1116.js"),s=require("lodash/debounce"),l=require("./index-8ef33803.js"),r=require("styled-components"),c=require("./index-087d7e09.js"),d=require("./theme-4598e59b.js"),u=require("react-loading-skeleton"),h=require("./utils-ad9bd972.js"),p=require("lodash/shuffle"),g=require("./useOutsideClick-9bc4882f.js"),f=require("string-format");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=C(t),y=C(s),b=C(r),v=C(u),E=C(p),w=C(f);const L=b.default.div``,x=b.default.div`
   --searchbar-z-index: 305;
   &[data-is-modal='true'] {
     position: fixed;

package/build/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Locale-d58d9ff9.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}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Locale-24843ae4.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}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}});

package/build/{useHealthToolCache-ae15d046.js → useHealthToolCache-4196967f.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-3688f3ff.js"),t=require("react"),a=require("./getDynamicHealthTool-0c89ad4e.js");exports.useHealthToolsCache=o=>{const[i,l]=t.useState([]);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield a.getDynamicHealthToolWithCache(o);l(e)}))}),[a.getDynamicHealthToolWithCache,o]);const r=t.useCallback((e=>{var t;return(null===(t=i.find((t=>t.template===e)))||void 0===t?void 0:t.link)||""}),[i]);return{allTools:i,getHealthToolLink:r}};
+"use strict";var e=require("./tslib.es6-05dad075.js"),t=require("react"),a=require("./getDynamicHealthTool-a0ec42b0.js");exports.useHealthToolsCache=o=>{const[i,l]=t.useState([]);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield a.getDynamicHealthToolWithCache(o);l(e)}))}),[a.getDynamicHealthToolWithCache,o]);const r=t.useCallback((e=>{var t;return(null===(t=i.find((t=>t.template===e)))||void 0===t?void 0:t.link)||""}),[i]);return{allTools:i,getHealthToolLink:r}};

package/build/useRafState-5ff640b4.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-05dad075.js"),t=require("react"),r=require("./cookieHelper-8431e40e.js"),n=require("./useUniqueId-6de97875.js");function i(e){const t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}exports.useFbDataLayer=n=>{const a=t.useRef("");t.useEffect((()=>(e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,o,u,l;if(!a.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),a.current=e}if(null===(t=null===(e=window.localStorage)||void 0===e?void 0:e.setItem)||void 0===t||t.call(e,"fbClientIp",JSON.stringify({client_ip_address:(null===(o=a.current)||void 0===o?void 0:o.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==n?void 0:n.id){const[e,t,a,o,s,c]=yield Promise.all([n.email?i(n.email):null,n.phone?i(n.phone):null,n.birthday?i(n.birthday.split("-").join("")):null,n.gender?"m":"f",n.city_name?i(n.city_name).then((e=>e.replace(/\s/g,""))):null,n.name?i(n.name):null]);r.getCookie("_fbc"),r.getCookie("_fbp");const d={user_id:n.id};c&&(d.fn=c),e&&(d.em=e),t&&(d.ph=t),a&&(d.db=a),s&&(d.ct=s),null===(l=null===(u=window.localStorage)||void 0===u?void 0:u.setItem)||void 0===l||l.call(u,"fbDataLayer_userInfo",JSON.stringify(d))}})),()=>{})),[n])},exports.usePrevious=e=>{const r=t.useRef(),i=t.useRef(e);return n.useInitialMount()||i.current===e||(r.current=i.current,i.current=e),r.current},exports.useRafState=e=>{const[r,n]=t.useState(e),i=t.useRef(0),a=t.useCallback((e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{n(e)}))}),[]);return t.useEffect((()=>()=>cancelAnimationFrame(i.current))),[r,a]};

package/build/{useTranslations-1b5d06df.js → useTranslations-3ade1116.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./translationsContext-60c386ff.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(require("string-format"));exports.useTranslations=function(){const{values:a,locale:o}=e.useContext(t.TranslationsContext)||{locale:"en-PH"};return e.useMemo((()=>({t:(e,r)=>a?a[e]?r?n.default(a[e]||e,r):a[e]||e:(console.warn(`[useTranslations] Missing translation for key ${e} and locale ${o}`),r?n.default(t.defaultTranslations[e]||e,r):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e),locale:o})),[a,o])};
+"use strict";var e=require("react"),t=require("./translationsContext-48304028.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(require("string-format"));exports.useTranslations=function(){const{values:a,locale:o}=e.useContext(t.TranslationsContext)||{locale:"en-PH"};return e.useMemo((()=>({t:(e,r)=>a?a[e]?r?n.default(a[e]||e,r):a[e]||e:(console.warn(`[useTranslations] Missing translation for key ${e} and locale ${o}`),r?n.default(t.defaultTranslations[e]||e,r):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e),locale:o})),[a,o])};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.24.20-beta-2",
+  "version": "1.24.20-beta-3",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/esm/index-330e9c8b.js

@@ -1 +0,0 @@
-import e from"react";import{u as a}from"./useTranslations-80c0720c.js";import{t}from"./theme-51d5cfb4.js";import{I as r}from"./index-b0dc8a50.js";import{I as o}from"./index-a90469ac.js";import{M as s}from"./index-a08e2db5.js";import{T as c}from"./index-59a35bc9.js";import{ai as i}from"./index.styled-e5ceb7a2.js";const m=({isActive:m,onChange:n,value:l="",onInputChange:d,siteType:p})=>{const{t:y}=a(),b="marryBaby"===p;return e.createElement(i,{onClick:()=>n("new"),"data-is-mb":b,"data-isActive":b&&m},"marryBaby"===p?e.createElement("div",{className:"title"},e.createElement(s,{type:"bodytext-1",color:t.colors.gray800},y("chooseBaby.new")),e.createElement("div",{className:m?"radio active":"radio"},m&&e.createElement(r.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(c,{size:"p2",color:t.colors.gray800},y("chooseBaby.new")),e.createElement("div",{className:m?"radio active":"radio"})),e.createElement(o,{name:"name",value:l,size:"md",placeholder:y("chooseBaby.placeholder"),type:"text",onChange:d}))};export{m as N};

package/build/esm/index-4f854b0d.js

@@ -1 +0,0 @@
-import{G as r,B as t,a as e,b as a,L as o}from"./Locale-57429f26.js";var n=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return o}});export{n as i};

package/build/esm/index-a67cc191.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-012f4bd4.js";import l from"react";import{L as a}from"./Locale-57429f26.js";import{S as r,a as t,b as n}from"./index.styled-7ec936ab.js";const o=o=>{var{data:s,isMobile:i,onSlideChange:m,pillProps:c,locale:b=a.Vietnam,blurFromIndex:d,blurLength:p}=o,g=e(o,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const u={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:d||(i?2:4),blurLength:p||(i?1:3),onSlideChange:m};return l.createElement(r,Object.assign({},u,g),(e=>s.map(((a,r)=>l.createElement(t,Object.assign({key:r,onClick:m},c),l.createElement("div",{className:"centerred-pill-wrapper"},l.createElement(n,{locale:b,name:a.name,icon:a.icon,className:r===e?"selected-week-pill":""})))))))};export{o as P};

package/build/esm/useHealthToolCache-5ba0a84d.js

@@ -1 +0,0 @@
-import{a as o}from"./tslib.es6-012f4bd4.js";import{useState as t,useEffect as i,useCallback as l}from"react";import{a as n}from"./getDynamicHealthTool-8c0b9c30.js";const r=r=>{const[a,e]=t([]);i((()=>{o(void 0,void 0,void 0,(function*(){const o=yield n(r);e(o)}))}),[n,r]);const s=l((o=>{var t;return(null===(t=a.find((t=>t.template===o)))||void 0===t?void 0:t.link)||""}),[a]);return{allTools:a,getHealthToolLink:s}};export{r as u};

package/build/index-1311874d.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-3688f3ff.js"),t=require("react"),l=require("./gAssets.js"),r=require("./index.styled-96f586cf.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.Modal=t=>{var{title:s}=t,n=e.__rest(t,["title"]);return a.default.createElement(a.default.Fragment,null,a.default.createElement(r.StyledModal,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},n,{withCloseButton:!1,title:n.withCloseButton&&a.default.createElement(a.default.Fragment,null,s,a.default.createElement("img",{className:"mantine-Modal-close",src:l.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=n.onClose)||void 0===e?void 0:e.call(n)}}))})))};

package/build/index-2ddb42fb.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),a=require("./useTranslations-1b5d06df.js"),t=require("./theme-07be6f9b.js"),r=require("./index-fb4f4b32.js"),i=require("./index-b5ea6be9.js"),l=require("./index-a40dcd6a.js"),d=require("./index-314d3e0d.js"),n=require("./index.styled-59c3ee8a.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e);exports.NewBabyProfileRadio=({isActive:e,onChange:s,value:o="",onInputChange:u,siteType:m})=>{const{t:y}=a.useTranslations(),f="marryBaby"===m;return c.default.createElement(n.StyledNewBabyProfileRadio,{onClick:()=>s("new"),"data-is-mb":f,"data-isActive":f&&e},"marryBaby"===m?c.default.createElement("div",{className:"title"},c.default.createElement(l.MarryBabyText,{type:"bodytext-1",color:t.theme.colors.gray800},y("chooseBaby.new")),c.default.createElement("div",{className:e?"radio active":"radio"},e&&c.default.createElement(r.Icon.CheckActiveMB,{size:26}))):c.default.createElement("div",{className:"title"},c.default.createElement(d.Text,{size:"p2",color:t.theme.colors.gray800},y("chooseBaby.new")),c.default.createElement("div",{className:e?"radio active":"radio"})),c.default.createElement(i.Input,{name:"name",value:o,size:"md",placeholder:y("chooseBaby.placeholder"),type:"text",onChange:u}))};

package/build/index-314d3e0d.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-3688f3ff.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=a(require("react")),s="wIj6fkD";exports.Text=a=>{var{size:r="base",type:c="regular",className:n,style:d,children:o,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:u="p",wordWrap:y,isUppercase:b}=a,f=e.__rest(a,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const g=u;return t.default.createElement(g,Object.assign({"data-size":r,"data-type":c,style:Object.assign(Object.assign({},d),i?{"--custom-color":i}:void 0),className:`${s} ${n||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":y,"data-is-uppercase":b},f),o)};

package/build/screenSizeContext-c89aaaa3.js

@@ -1,81 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("react"),r=require("lodash/throttle"),s=require("./utils-50b3feb2.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r);const a=e.keyframes`
-from {
-  transform: translate3d(0, 100%, 0);
-  visibility: visible;
-}
-
-to {
-  transform: translate3d(0, 0, 0);
-}
-`,d=e.keyframes`
-from {
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,l=e.keyframes`
- from {
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,f=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);
-}
-`,u=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(100%, 0, 0);
-}
-`,y=e.keyframes`
- from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -100%, 0);
-  }
-`,B=e.keyframes`
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`,b=t.createContext({isInit:!0}),c=e=>{const t=(e=>"number"==typeof e?e:"undefined"!=typeof window&&window.innerWidth||0)(e);return{smallMobile:t<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<s.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=s.Breakpoints.BREAK_POINT_MOBILE&&t<s.Breakpoints.BREAK_POINT_TABLET,pc:t>=s.Breakpoints.BREAK_POINT_TABLET&&t<s.Breakpoints.BREAK_POINT_PC,xl:t>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=b,exports.ScreenSizeContextProvider=({children:e})=>{const[r,s]=t.useState((()=>({isInit:!0})));t.useEffect((()=>{const e=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const i=t.useMemo((()=>c(r.width)),[r.width]);return n.default.createElement(b.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},e)},exports.fadeIn=B,exports.getWindowSizeGroups=c,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;

package/build/useRafState-67ea86fb.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-3688f3ff.js"),t=require("react"),r=require("./cookieHelper-65bcb9f9.js"),n=require("./useUniqueId-13f1f522.js");function i(e){const t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}exports.useFbDataLayer=n=>{const o=t.useRef("");t.useEffect((()=>(e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,u,l;if(!o.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),o.current=e}if(null===(t=null===(e=window.localStorage)||void 0===e?void 0:e.setItem)||void 0===t||t.call(e,"fbClientIp",JSON.stringify({client_ip_address:(null===(a=o.current)||void 0===a?void 0:a.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==n?void 0:n.id){const[e,t,o,a,c,s]=yield Promise.all([n.email?i(n.email):null,n.phone?i(n.phone):null,n.birthday?i(n.birthday.split("-").join("")):null,n.gender?"m":"f",n.city_name?i(n.city_name).then((e=>e.replace(/\s/g,""))):null,n.name?i(n.name):null]);r.getCookie("_fbc"),r.getCookie("_fbp");const f={user_id:n.id};s&&(f.fn=s),e&&(f.em=e),t&&(f.ph=t),o&&(f.db=o),a&&(f.ge=a),c&&(f.ct=c),null===(l=null===(u=window.localStorage)||void 0===u?void 0:u.setItem)||void 0===l||l.call(u,"fbDataLayer_userInfo",JSON.stringify(f))}})),()=>{})),[n])},exports.usePrevious=e=>{const r=t.useRef(),i=t.useRef(e);return n.useInitialMount()||i.current===e||(r.current=i.current,i.current=e),r.current},exports.useRafState=e=>{const[r,n]=t.useState(e),i=t.useRef(0),o=t.useCallback((e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{n(e)}))}),[]);return t.useEffect((()=>()=>cancelAnimationFrame(i.current))),[r,o]};