@hhgtech/hhg-components 1.25.26 → 1.25.28

package/build/{types-1f83ea11.js → types-76d11526.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-93d9e16a.js"),t=require("react"),a=require("./constants-bf2452fe.js"),i=require("./index-942033f9.js"),o=require("./cookieHelper-9f1db7dc.js"),n=require("./useTranslations-2e1f4604.js"),s=require("lodash/debounce"),l=require("./index-3811590f.js"),r=require("styled-components"),c=require("./index-46923ba1.js"),d=require("./theme-1fe2de02.js"),u=require("react-loading-skeleton"),h=require("./utils-63966a9b.js"),p=require("lodash/shuffle"),g=require("./useOutsideClick-b3447d7a.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-0df9a7e4.js"),t=require("react"),a=require("./constants-69cbcdf0.js"),i=require("./index-87774ce7.js"),o=require("./cookieHelper-070b7f8d.js"),n=require("./useTranslations-2b93987a.js"),s=require("lodash/debounce"),l=require("./index-cc50d5bc.js"),r=require("styled-components"),c=require("./index-784e7363.js"),d=require("./theme-9ef2b98f.js"),u=require("react-loading-skeleton"),h=require("./utils-8defba7c.js"),p=require("lodash/shuffle"),g=require("./useOutsideClick-f9b134de.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-87ec07be.js → types-f0d28ed8.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-93d9e16a.js"),t=require("react"),a=require("@mantine/core"),l=require("./index-0cdd36b0.js"),o=require("./index-46923ba1.js"),n=require("./index.styled-e2a83417.js"),i=require("./useTranslations-2e1f4604.js"),r=require("innertext"),s=require("./theme-1fe2de02.js"),d=require("./index.styled-41696285.js"),c=require("./gAssets.js"),u=require("./index.styled-58a01917.js"),m=require("./index-58822964.js"),p=require("./dataTransform-b6729b28.js"),g=require("./index-3811590f.js"),f=require("lodash/debounce"),h=require("react-contenteditable"),v=require("./index-9308acdf.js");require("./index-2dcdddd1.js");var b=require("dayjs");require("./screenSizeContext-e22f882d.js");var x=require("styled-components"),w=require("./index-942033f9.js"),y=require("./utils-63966a9b.js");require("./isProduction-760d8f49.js"),require("./Onboarding-290281f9.js");var C=require("./index-f86a2844.js");require("./index-0defe9a9.js"),require("@mantine/hooks");var E=require("./index-f111add8.js"),k=require("./cookieHelper-9f1db7dc.js");require("./index.styled-573d4516.js"),require("./index-e6ce550b.js"),require("./index.styled-57c34909.js"),require("./index-35888ed0.js"),require("date-fns"),require("react-day-picker/DayPickerInput");var A=require("react-dom");require("./index-636427e5.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-45e6a090.js"),require("react-hook-form"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-735fc0c3.js"),require("string-format");var N=require("dayjs/plugin/relativeTime"),T=require("./index-631ec57b.js"),S=require("./useUniqueId-8a32dc81.js");require("./translationsContext-d956ef25.js");var P=require("./routing-8c084456.js"),L=require("./index-792c447e.js");function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function I(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var R=I(t),B=M(t),z=M(r),j=M(f),F=M(h),O=M(b),V=M(x),D=I(A),U=M(N);const _=e=>R.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),R.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),H=t.createContext({}),W=({children:e,defaultParams:t})=>B.default.createElement(H.Provider,{value:{defaultParams:t}},e),q=e=>{const{data:{userInfo:a,env:{togetherBasePath:l}}}=t.useContext(u.TogetherComponentGlobalContext),{defaultParams:o}=t.useContext(H)||{},n=null==a?void 0:a.id,i=a&&"number"==typeof a.communities_interacted&&0===a.communities_interacted;return{authActionWrapper:(t,a)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),a);if(!n||i){n||k.deleteCookie(u.BEARER_TOKEN_COOKIE),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=u.getUrlToSignUp(e,r,l),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Z=V.default.div`
+"use strict";var e=require("./tslib.es6-0df9a7e4.js"),t=require("react"),a=require("@mantine/core"),l=require("./index-d096b7c2.js"),o=require("./index-784e7363.js"),n=require("./index.styled-b5a14013.js"),i=require("./useTranslations-2b93987a.js"),r=require("innertext"),s=require("./theme-9ef2b98f.js"),d=require("./index.styled-366d8130.js"),c=require("./gAssets.js"),u=require("./index.styled-7f448824.js"),m=require("./index-5b04e2b1.js"),p=require("./dataTransform-3fbb44ef.js"),g=require("./index-cc50d5bc.js"),f=require("lodash/debounce"),h=require("react-contenteditable"),v=require("./index-b2ee5323.js");require("./index-cfa26873.js");var b=require("dayjs");require("./screenSizeContext-d465ad93.js");var x=require("styled-components"),w=require("./index-87774ce7.js"),y=require("./utils-8defba7c.js");require("./isProduction-f9d2f2fd.js"),require("./Onboarding-e26a6654.js");var C=require("./index-949343ad.js");require("./index-0b22570f.js"),require("@mantine/hooks");var E=require("./index-28f49b53.js"),k=require("./cookieHelper-070b7f8d.js");require("./index.styled-08ef5cd9.js"),require("./index-7250366d.js"),require("./index.styled-ff14fb9e.js"),require("./index-c5df2610.js"),require("date-fns"),require("react-day-picker/DayPickerInput");var A=require("react-dom");require("./index-bec206ae.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-f06c3fbe.js"),require("react-hook-form"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-6fe2f992.js"),require("string-format");var N=require("dayjs/plugin/relativeTime"),T=require("./index-850a588b.js"),S=require("./useUniqueId-e3593e0f.js");require("./translationsContext-ad64012f.js");var P=require("./routing-6f0d3ddd.js"),L=require("./index-071acb59.js");function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function I(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var R=I(t),B=M(t),z=M(r),j=M(f),F=M(h),O=M(b),V=M(x),D=I(A),U=M(N);const _=e=>R.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),R.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),H=t.createContext({}),W=({children:e,defaultParams:t})=>B.default.createElement(H.Provider,{value:{defaultParams:t}},e),q=e=>{const{data:{userInfo:a,env:{togetherBasePath:l}}}=t.useContext(u.TogetherComponentGlobalContext),{defaultParams:o}=t.useContext(H)||{},n=null==a?void 0:a.id,i=a&&"number"==typeof a.communities_interacted&&0===a.communities_interacted;return{authActionWrapper:(t,a)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),a);if(!n||i){n||k.deleteCookie(u.BEARER_TOKEN_COOKIE),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=u.getUrlToSignUp(e,r,l),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Z=V.default.div`
   display: flex;
   align-items: center;
   justify-content: center;

package/build/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Onboarding-290281f9.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}}),Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return e.OnboardingStep}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Onboarding-e26a6654.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}}),Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return e.OnboardingStep}});

package/build/{useHealthToolCache-e5815d75.js → useHealthToolCache-26365d4f.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-93d9e16a.js"),t=require("react"),a=require("./getDynamicHealthTool-872ef6fe.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-0df9a7e4.js"),t=require("react"),a=require("./getDynamicHealthTool-60aee093.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-f68a7c8a.js → useRafState-f74e2c4b.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-93d9e16a.js"),t=require("react"),r=require("./cookieHelper-9f1db7dc.js"),n=require("./useUniqueId-8a32dc81.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,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 d={user_id:n.id};s&&(d.fn=s),e&&(d.em=e),t&&(d.ph=t),a&&(d.db=a),o&&(d.ge=o),c&&(d.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(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]};
+"use strict";var e=require("./tslib.es6-0df9a7e4.js"),t=require("react"),r=require("./cookieHelper-070b7f8d.js"),n=require("./useUniqueId-e3593e0f.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),o&&(d.ge=o),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/{useScreenSize-3bff02f5.js → useScreenSize-1afd5543.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),i=require("./utils-63966a9b.js");const n=()=>"undefined"!=typeof window&&window.innerWidth<i.Breakpoints.BREAK_POINT_MOBILE,t=()=>"undefined"!=typeof window&&window.innerWidth>=i.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<i.Breakpoints.BREAK_POINT_PC;exports.useScreenSize=()=>{const[i,r]=e.useState(n()),[s,o]=e.useState(t());return e.useEffect((()=>{const e=()=>{r(n()),o(t())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:i,isLargeMobile:s}};
+"use strict";var e=require("react"),i=require("./utils-8defba7c.js");const n=()=>"undefined"!=typeof window&&window.innerWidth<i.Breakpoints.BREAK_POINT_MOBILE,t=()=>"undefined"!=typeof window&&window.innerWidth>=i.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<i.Breakpoints.BREAK_POINT_PC;exports.useScreenSize=()=>{const[i,r]=e.useState(n()),[s,o]=e.useState(t());return e.useEffect((()=>{const e=()=>{r(n()),o(t())};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]),{isMobile:i,isLargeMobile:s}};

package/build/useTranslations-2b93987a.js

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

package/build/vaccination.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-93d9e16a.js"),t=require("react"),a=require("@mantine/core");require("./gAssets.js");var r=require("./index-2dcdddd1.js"),l=require("./index-0236bc7b.js"),n=require("./index-f86a2844.js"),i=require("dayjs");require("./screenSizeContext-e22f882d.js");var o=require("styled-components"),c=require("./theme-1fe2de02.js");require("./index-942033f9.js");var s=require("./utils-63966a9b.js");require("./isProduction-760d8f49.js"),require("./Onboarding-290281f9.js");var d=require("./useTranslations-2e1f4604.js");require("./index-0defe9a9.js"),require("@mantine/hooks");var u=require("./index-b0e07aab.js");require("lodash/debounce"),require("./translationsContext-d956ef25.js"),require("string-format"),require("./index.styled-41696285.js"),require("./index.styled-573d4516.js"),require("./index-e6ce550b.js");var m=require("./index-9308acdf.js");require("./index.styled-57c34909.js"),require("./index-35888ed0.js");var g=require("./useScreenSize-3bff02f5.js"),p=require("./index-631ec57b.js"),f=require("@mantine/form"),b=require("dayjs/plugin/customParseFormat"),h=require("lodash");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/carousel"),require("lodash/throttle"),require("./index-46923ba1.js"),require("./useUniqueId-8a32dc81.js");var y=x(t),E=x(i),v=x(o),w=x(b);const C={vaccinated:{backgroundColor:u.themeColors.green[0],borderColor:u.themeColors.green[2],color:u.themeColors.green[7]},missed:{backgroundColor:u.themeColors.yellow[0],borderColor:u.themeColors.yellow[2],color:u.themeColors.yellow[9]},upcoming:{backgroundColor:u.themeColors.neutral[0],borderColor:u.themeColors.neutral[1],color:u.themeColors.gray[8]},next:{backgroundColor:u.themeColors.blue[0],borderColor:"transparent",color:u.themeColors.blue[6]},all:{backgroundColor:u.themeColors.blue[0],borderColor:"transparent",color:u.themeColors.blue[6]}},T=({status:e,isCurrent:t})=>{switch(e){case"vaccinated":return y.default.createElement(m.Icon.Vaccinated,null);case"missed":return y.default.createElement(m.Icon.Missed,null);case"all":return null;case"next":return y.default.createElement(m.Icon.Current,null);default:return t?y.default.createElement(m.Icon.Current,null):y.default.createElement(m.Icon.Upcoming,null)}},k=t=>{var r,{status:n,sx:i,content:o=""}=t,c=e.__rest(t,["status","sx","content"]);return y.default.createElement(a.Badge,Object.assign({leftSection:"all"!==n&&y.default.createElement(u.AspectRatio,{ratio:1,w:18},y.default.createElement(T,{status:n})),px:8,py:3,radius:4,sx:Object.assign(Object.assign({height:"initial",backgroundColor:u.themeColors.blue[0],borderColor:u.themeColors.blue[2],color:u.themeColors.blue[7]},C[n]),i)},c),y.default.createElement(l.Text,{size:"n1",span:!0,tt:"capitalize",color:String(null===(r=C[n])||void 0===r?void 0:r.color)},o||n))},j=v.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-0df9a7e4.js"),t=require("react"),a=require("@mantine/core");require("./gAssets.js");var r=require("./index-cfa26873.js"),l=require("./index-a9e1caf7.js"),n=require("./index-949343ad.js"),i=require("dayjs");require("./screenSizeContext-d465ad93.js");var o=require("styled-components"),c=require("./theme-9ef2b98f.js");require("./index-87774ce7.js");var s=require("./utils-8defba7c.js");require("./isProduction-f9d2f2fd.js"),require("./Onboarding-e26a6654.js");var d=require("./useTranslations-2b93987a.js");require("./index-0b22570f.js"),require("@mantine/hooks");var u=require("./index-6fb990ae.js");require("lodash/debounce"),require("./translationsContext-ad64012f.js"),require("string-format"),require("./index.styled-366d8130.js"),require("./index.styled-08ef5cd9.js"),require("./index-7250366d.js");var m=require("./index-b2ee5323.js");require("./index.styled-ff14fb9e.js"),require("./index-c5df2610.js");var g=require("./useScreenSize-1afd5543.js"),f=require("./index-850a588b.js"),p=require("@mantine/form"),b=require("dayjs/plugin/customParseFormat"),h=require("lodash");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/carousel"),require("lodash/throttle"),require("./index-784e7363.js"),require("./useUniqueId-e3593e0f.js");var y=x(t),E=x(i),v=x(o),w=x(b);const C={vaccinated:{backgroundColor:u.themeColors.green[0],borderColor:u.themeColors.green[2],color:u.themeColors.green[7]},missed:{backgroundColor:u.themeColors.yellow[0],borderColor:u.themeColors.yellow[2],color:u.themeColors.yellow[9]},upcoming:{backgroundColor:u.themeColors.neutral[0],borderColor:u.themeColors.neutral[1],color:u.themeColors.gray[8]},next:{backgroundColor:u.themeColors.blue[0],borderColor:"transparent",color:u.themeColors.blue[6]},all:{backgroundColor:u.themeColors.blue[0],borderColor:"transparent",color:u.themeColors.blue[6]}},T=({status:e,isCurrent:t})=>{switch(e){case"vaccinated":return y.default.createElement(m.Icon.Vaccinated,null);case"missed":return y.default.createElement(m.Icon.Missed,null);case"all":return null;case"next":return y.default.createElement(m.Icon.Current,null);default:return t?y.default.createElement(m.Icon.Current,null):y.default.createElement(m.Icon.Upcoming,null)}},k=t=>{var r,{status:n,sx:i,content:o=""}=t,c=e.__rest(t,["status","sx","content"]);return y.default.createElement(a.Badge,Object.assign({leftSection:"all"!==n&&y.default.createElement(u.AspectRatio,{ratio:1,w:18},y.default.createElement(T,{status:n})),px:8,py:3,radius:4,sx:Object.assign(Object.assign({height:"initial",backgroundColor:u.themeColors.blue[0],borderColor:u.themeColors.blue[2],color:u.themeColors.blue[7]},C[n]),i)},c),y.default.createElement(l.Text,{size:"n1",span:!0,tt:"capitalize",color:String(null===(r=C[n])||void 0===r?void 0:r.color)},o||n))},j=v.default.div`
   position: relative;
   padding: 16px;
   min-height: 110px;
@@ -60,7 +60,7 @@
     display: flex;
     align-self: center;
   }
-`;v.default.div``;const z=({checked:e,onToggle:t})=>{const{t:a}=d.useTranslations();return y.default.createElement(u.Switch,{checked:e,onChange:e=>{null==t||t(e.currentTarget.checked)},label:a("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{input:{display:"none"}}})};function q(t){const a=t.displayName||t.name||"Component",r=a=>{var{vaccineRecord:r,isCurrent:l,onToggle:n}=a,i=e.__rest(a,["vaccineRecord","isCurrent","onToggle"]);const o={vaccineRecord:r,isCurrent:l,onToggle:n};return y.default.createElement(t,Object.assign({},o,i))};return r.displayName=`withVaccineCard(${a})`,r}const S=y.default.memo(q((t=>{var{vaccineRecord:r,isCurrent:n,onToggle:i,onTitleClick:o}=t,s=e.__rest(t,["vaccineRecord","isCurrent","onToggle","onTitleClick"]);const{t:m}=d.useTranslations(),{status:g,vaccineOptional:p,vaccineName:f,doseNumber:b,totalDoses:h,givenOn:x,vaccineAntigen:E}=r;return y.default.createElement(j,Object.assign({},s,{"data-status":n?"current":g}),y.default.createElement(a.Stack,{spacing:12},y.default.createElement(a.Flex,{align:"center",justify:"space-between"},y.default.createElement(k,{status:g}),y.default.createElement(z,{checked:"vaccinated"===g,onToggle:e=>i(e,r)})),y.default.createElement(a.Stack,{spacing:4},y.default.createElement("div",{onClick:()=>o(r)},y.default.createElement(l.Text,{size:"s3",color:c.theme.colors.gray800,weight:"semiBold"},f)),y.default.createElement(a.Flex,{gap:4,align:"center"},E&&y.default.createElement(l.Text,{size:"n1",color:u.themeColors.gray[6]},m("babyVaccine.timeline.antigen")," ",y.default.createElement(l.Text,{size:"s5",weight:"semiBold",as:"span"},E)),y.default.createElement(a.Badge,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${p?c.theme.colors.neutral100:"transparent"}`},bg:p?c.theme.colors.white:c.theme.colors.red50},y.default.createElement(l.Text,{size:"n1",color:p?c.theme.colors.gray800:c.theme.colors.red800,tt:"capitalize"},m(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),y.default.createElement($,null,y.default.createElement(l.Text,{size:"n1",color:c.theme.colors.gray600},y.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${b}</b>`,total:h})}})),y.default.createElement("span",{className:"dot"}),y.default.createElement(l.Text,{size:"n1",color:c.theme.colors.gray600},m("vaccinated"===g?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:x}))))))}))),V=y.default.memo(q((t=>{var{vaccineRecord:r,isCurrent:i,onToggle:o,onTitleClick:s}=t,m=e.__rest(t,["vaccineRecord","isCurrent","onToggle","onTitleClick"]);const{t:g}=d.useTranslations(),{status:p,vaccineOptional:f,vaccineName:b,doseNumber:h,totalDoses:x,vaccineAntigen:E}=r;return y.default.createElement(j,Object.assign({},m,{"data-template":"modal","data-status":i?"current":p}),y.default.createElement(a.Stack,{spacing:12},y.default.createElement(a.Flex,{align:"center",justify:"space-between"},y.default.createElement(k,{status:p}),y.default.createElement(z,{checked:"vaccinated"===p,onToggle:e=>o(e,r)})),y.default.createElement(a.Stack,{spacing:4},y.default.createElement(n.Button,{onClick:()=>s(r),variant:"ghost",styles:{root:{padding:0,height:"initial","&:hover:hover":{backgroundColor:"transparent"}},inner:{padding:0,justifyContent:"left"}}},y.default.createElement(l.Text,{size:"s3",color:c.theme.colors.gray800,weight:"semiBold"},b)),y.default.createElement(a.Flex,{gap:4,align:"center",justify:"space-between"},y.default.createElement(a.Flex,{gap:4,align:"center"},E&&y.default.createElement(l.Text,{size:"n1",color:u.themeColors.gray[6]},g("babyVaccine.timeline.antigen")," ",y.default.createElement(l.Text,{size:"s5",weight:"semiBold",as:"span"},E)),y.default.createElement(a.Badge,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${f?c.theme.colors.neutral100:"transparent"}`},bg:f?c.theme.colors.white:c.theme.colors.red50},y.default.createElement(l.Text,{size:"n1",color:f?c.theme.colors.gray800:c.theme.colors.red800,tt:"capitalize"},g(f?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),y.default.createElement(l.Text,{size:"n1",color:c.theme.colors.gray600},y.default.createElement("span",{dangerouslySetInnerHTML:{__html:g("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${h}</b>`,total:x})}}))))))})));v.default.div`
+`;v.default.div``;const z=({checked:e,onToggle:t})=>{const{t:a}=d.useTranslations();return y.default.createElement(u.Switch,{checked:e,onChange:e=>{null==t||t(e.currentTarget.checked)},label:a("babyVaccine.vaccineCard.injected"),size:"xs",color:"green.6",styles:{input:{display:"none"}}})};function q(t){const a=t.displayName||t.name||"Component",r=a=>{var{vaccineRecord:r,isCurrent:l,onToggle:n}=a,i=e.__rest(a,["vaccineRecord","isCurrent","onToggle"]);const o={vaccineRecord:r,isCurrent:l,onToggle:n};return y.default.createElement(t,Object.assign({},o,i))};return r.displayName=`withVaccineCard(${a})`,r}const S=y.default.memo(q((t=>{var{vaccineRecord:r,isCurrent:n,onToggle:i,onTitleClick:o}=t,s=e.__rest(t,["vaccineRecord","isCurrent","onToggle","onTitleClick"]);const{t:m}=d.useTranslations(),{status:g,vaccineOptional:f,vaccineName:p,doseNumber:b,totalDoses:h,givenOn:x,vaccineAntigen:E}=r;return y.default.createElement(j,Object.assign({},s,{"data-status":n?"current":g}),y.default.createElement(a.Stack,{spacing:12},y.default.createElement(a.Flex,{align:"center",justify:"space-between"},y.default.createElement(k,{status:g}),y.default.createElement(z,{checked:"vaccinated"===g,onToggle:e=>i(e,r)})),y.default.createElement(a.Stack,{spacing:4},y.default.createElement("div",{onClick:()=>o(r)},y.default.createElement(l.Text,{size:"s3",color:c.theme.colors.gray800,weight:"semiBold"},p)),y.default.createElement(a.Flex,{gap:4,align:"center"},E&&y.default.createElement(l.Text,{size:"n1",color:u.themeColors.gray[6]},m("babyVaccine.timeline.antigen")," ",y.default.createElement(l.Text,{size:"s5",weight:"semiBold",as:"span"},E)),y.default.createElement(a.Badge,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${f?c.theme.colors.neutral100:"transparent"}`},bg:f?c.theme.colors.white:c.theme.colors.red50},y.default.createElement(l.Text,{size:"n1",color:f?c.theme.colors.gray800:c.theme.colors.red800,tt:"capitalize"},m(f?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),y.default.createElement($,null,y.default.createElement(l.Text,{size:"n1",color:c.theme.colors.gray600},y.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${b}</b>`,total:h})}})),y.default.createElement("span",{className:"dot"}),y.default.createElement(l.Text,{size:"n1",color:c.theme.colors.gray600},m("vaccinated"===g?"babyVaccine.vaccineInfo.injectedDate":"babyVaccine.vaccineInfo.suggested",{date:x}))))))}))),V=y.default.memo(q((t=>{var{vaccineRecord:r,isCurrent:i,onToggle:o,onTitleClick:s}=t,m=e.__rest(t,["vaccineRecord","isCurrent","onToggle","onTitleClick"]);const{t:g}=d.useTranslations(),{status:f,vaccineOptional:p,vaccineName:b,doseNumber:h,totalDoses:x,vaccineAntigen:E}=r;return y.default.createElement(j,Object.assign({},m,{"data-template":"modal","data-status":i?"current":f}),y.default.createElement(a.Stack,{spacing:12},y.default.createElement(a.Flex,{align:"center",justify:"space-between"},y.default.createElement(k,{status:f}),y.default.createElement(z,{checked:"vaccinated"===f,onToggle:e=>o(e,r)})),y.default.createElement(a.Stack,{spacing:4},y.default.createElement(n.Button,{onClick:()=>s(r),variant:"ghost",styles:{root:{padding:0,height:"initial","&:hover:hover":{backgroundColor:"transparent"}},inner:{padding:0,justifyContent:"left"}}},y.default.createElement(l.Text,{size:"s3",color:c.theme.colors.gray800,weight:"semiBold"},b)),y.default.createElement(a.Flex,{gap:4,align:"center",justify:"space-between"},y.default.createElement(a.Flex,{gap:4,align:"center"},E&&y.default.createElement(l.Text,{size:"n1",color:u.themeColors.gray[6]},g("babyVaccine.timeline.antigen")," ",y.default.createElement(l.Text,{size:"s5",weight:"semiBold",as:"span"},E)),y.default.createElement(a.Badge,{px:8,py:1,radius:"xl",sx:{height:"initial",border:`1px solid ${p?c.theme.colors.neutral100:"transparent"}`},bg:p?c.theme.colors.white:c.theme.colors.red50},y.default.createElement(l.Text,{size:"n1",color:p?c.theme.colors.gray800:c.theme.colors.red800,tt:"capitalize"},g(p?"babyVaccine.vaccineInfo.optional":"babyVaccine.vaccineInfo.mandatory")))),y.default.createElement(l.Text,{size:"n1",color:c.theme.colors.gray600},y.default.createElement("span",{dangerouslySetInnerHTML:{__html:g("babyVaccine.vaccineInfo.dose",{ordinal:`<b>${h}</b>`,total:x})}}))))))})));v.default.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -175,7 +175,7 @@
     padding: 12px;
     gap: 12px;
   }
-`;E.default.extend(w.default);const I=({record:e,onSubmit:t})=>{const{t:i}=d.useTranslations(),o=f.useForm({initialValues:{date:E.default(e.givenOn,"DD/MM/YYYY").toDate()||new Date}});return y.default.createElement("form",{onSubmit:o.onSubmit((a=>{t(a,e)}))},y.default.createElement(a.Stack,{spacing:20},y.default.createElement(V,{vaccineRecord:e}),y.default.createElement(r.DatePicker,Object.assign({label:y.default.createElement(l.Text,{size:"s5",weight:"semiBold",color:c.theme.colors.gray600},i("babyVaccine.popup.checkbox.suggestedDate"))},o.getInputProps("date"))),y.default.createElement(n.Button,{size:"lg",type:"submit",fullWidth:!0},i("babyVaccine.popup.button.submit"))))},M=v.default.div`
+`;E.default.extend(w.default);const I=({record:e,onSubmit:t})=>{const{t:i}=d.useTranslations(),o=p.useForm({initialValues:{date:E.default(e.givenOn,"DD/MM/YYYY").toDate()||new Date}});return y.default.createElement("form",{onSubmit:o.onSubmit((a=>{t(a,e)}))},y.default.createElement(a.Stack,{spacing:20},y.default.createElement(V,{vaccineRecord:e}),y.default.createElement(r.DatePicker,Object.assign({label:y.default.createElement(l.Text,{size:"s5",weight:"semiBold",color:c.theme.colors.gray600},i("babyVaccine.popup.checkbox.suggestedDate"))},o.getInputProps("date"))),y.default.createElement(n.Button,{size:"lg",type:"submit",fullWidth:!0},i("babyVaccine.popup.button.submit"))))},M=v.default.div`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -219,4 +219,4 @@
     border: 1px solid ${c.theme.colors.yellow800};
     background: ${c.theme.colors.yellow800};
   }
-`,O=t=>{var{status:a,idx:r}=t,n=e.__rest(t,["status","idx"]);return y.default.createElement(D,Object.assign({"data-status":a,"data-id":r||"header"},n),y.default.createElement(l.Text,{size:"s4",span:!0,className:"inner-text"},r||""))},R=y.default.memo((()=>{const{isMobile:e}=g.useScreenSize(),{t:t}=d.useTranslations();return y.default.createElement(a.Flex,{px:16},!e&&y.default.createElement(l.Text,{size:"s4",weight:"semiBold",sx:{flexGrow:1},color:c.theme.colors.gray600},t("babyVaccine.immunization.vaccineName")),y.default.createElement(a.Flex,{gap:24},y.default.createElement(a.Flex,{align:"center",gap:4},y.default.createElement(O,{status:"missed"}),y.default.createElement(l.Text,{size:"p4"},t("babyVaccine.status.missed"))),y.default.createElement(a.Flex,{align:"center",gap:4},y.default.createElement(O,{status:"next"}),y.default.createElement(l.Text,{size:"p4"},t("babyVaccine.status.upcoming"))),y.default.createElement(a.Flex,{align:"center",gap:4},y.default.createElement(O,{status:"vaccinated"}),y.default.createElement(l.Text,{size:"p4"},t("babyVaccine.status.vaccinated")))))})),F=y.default.memo((()=>{const{t:e}=d.useTranslations();return y.default.createElement(a.Flex,{gap:14,bg:c.theme.colors.neutral50,p:12,sx:{borderRadius:8},align:"start"},y.default.createElement(u.AspectRatio,{ratio:1,w:24},y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM11 9H13V7H11V9Z",fill:"#595959"}))),y.default.createElement(l.Text,{size:"p3"},e("babyVaccine.immunization.warning")))})),N=["all","missed","upcoming","next","vaccinated"];exports.Immunization=r=>{var{details:n,siteType:i,onToggle:o}=r,s=e.__rest(r,["details","siteType","onToggle"]);const{t:u}=d.useTranslations();return y.default.createElement(M,Object.assign({"data-theme":i},s),y.default.createElement(F,null),y.default.createElement(a.Stack,{spacing:20,w:"100%"},y.default.createElement(R,null),n&&n.map(((e,r)=>y.default.createElement(t.Fragment,{key:`${r}${e.id}`},y.default.createElement(a.Divider,{h:1,color:c.theme.colors.neutral100}),y.default.createElement(a.Flex,{align:"stretch",justify:"space-between",gap:40},y.default.createElement(a.Stack,{spacing:2},y.default.createElement(l.Text,{size:"n1",color:e?c.theme.colors.gray800:c.theme.colors.red800},e.optional?u("babyVaccine.vaccineInfo.optional"):u("babyVaccine.vaccineInfo.mandatory")),y.default.createElement(l.Text,{size:"s4",color:c.theme.colors.gray800,weight:"semiBold"},e.name||e.antigen)),y.default.createElement("div",null,y.default.createElement(a.SimpleGrid,{cols:5,spacing:4,verticalSpacing:4,sx:{flexGrow:1}},e.records&&e.records.map(((e,t)=>y.default.createElement(O,{key:t,status:e.status,idx:t+1,onClick:()=>{null==o||o("vaccinated"===e.status,e)}})))))))))))},exports.RecordsByAgeGroup=t=>{var{vaccineRecords:r,isCurrent:n,onToggle:i,siteType:o,onTitleClick:u}=t,m=e.__rest(t,["vaccineRecords","isCurrent","onToggle","siteType","onTitleClick"]);const{t:p}=d.useTranslations(),{isMobile:f}=g.useScreenSize();return 0===r.records.length?null:y.default.createElement("div",Object.assign({},m),y.default.createElement(a.Grid,{gutter:16,"data-theme":o,py:8},y.default.createElement(a.Grid.Col,{span:"content"},y.default.createElement(l.Text,{size:"s4",color:n?c.theme.colors.primaryBase:c.theme.colors.gray800,weight:"semiBold",sx:{height:42,width:100,display:"flex",alignItems:"center",[s.MediaQueries.mbDown]:{height:22}}},r.name||r.shortName)),y.default.createElement(a.Grid.Col,{span:"auto"},y.default.createElement(_,{"data-is-current":n},y.default.createElement("span",{className:"dot"}),y.default.createElement("div",{className:"line"}),y.default.createElement(l.Text,{size:"n1",ml:16},y.default.createElement("span",{dangerouslySetInnerHTML:{__html:p("babyVaccine.timeline.total",{number:`<b>${r.records.length}</b>`})}}))),!f&&y.default.createElement(a.Stack,{spacing:8},(null==r?void 0:r.records)&&r.records.map(((e,t)=>y.default.createElement(S,{key:`${t}${e.vaccineId}`,vaccineRecord:e,isCurrent:n&&0===t,onToggle:i,onTitleClick:u}))))),f&&y.default.createElement(a.Grid.Col,{span:12},y.default.createElement(a.Stack,{spacing:8},(null==r?void 0:r.records)&&r.records.map(((e,t)=>y.default.createElement(S,{key:`${t}${e.vaccineId}`,vaccineRecord:e,isCurrent:n&&0===t,onToggle:i,onTitleClick:u})))))))},exports.TimelineBanner=t=>{var{content:r,url:n,icon:i,gender:o,siteType:s}=t,g=e.__rest(t,["content","url","icon","gender","siteType"]);const{t:p}=d.useTranslations();return y.default.createElement(B,Object.assign({"data-gender":o},g),y.default.createElement(a.Stack,{spacing:8},y.default.createElement(l.Text,{size:"p3",color:c.theme.colors.gray800},r),n&&y.default.createElement("a",{className:"read-more",href:n,target:"_blank",rel:"noreferrer"},y.default.createElement(a.Flex,{align:"center",gap:6},y.default.createElement(l.Text,{size:"s4",color:c.theme.colors.primaryBase,weight:"semiBold"},p("articlePage.readMore")),y.default.createElement(m.Icon.ArrowRight,{size:20,color:c.theme.colors.primaryBase})))),y.default.createElement(u.AspectRatio,{ratio:1,w:80},y.default.createElement("img",{alt:"health-tool-icon",src:i})))},exports.VaccinationFilter=t=>{var{timeline:r,status:l="all",onClick:n}=t,i=e.__rest(t,["timeline","status","onClick"]);const o=N.map((e=>((e,t)=>{const a=e.map((e=>((e,t)=>{var a;return null===(a=null==e?void 0:e.records)||void 0===a?void 0:a.reduce(((e,a)=>(a.status===t&&e++,e)),0)})(e,t)));return h.sum(a)})(r,e))),c=h.zipObject(N,o);return y.default.createElement("div",Object.assign({},i),y.default.createElement(a.Flex,{align:"center",gap:8,wrap:"wrap"},N.map((e=>y.default.createElement(k,{key:e,px:12,py:6,radius:40,status:e,content:`${e} ${c[e]?`(${c[e]})`:""}`,sx:Object.assign({borderColor:u.themeColors.neutral[1],backgroundColor:"white",color:u.themeColors.gray[8],cursor:"pointer",transition:"all 300mc ease-in"},e===l?Object.assign({fontWeight:600},C[e]):{}),onClick:()=>n(e)})))))},exports.VaccineCardModal=V,exports.VaccineCardTimeline=S,exports.VaccineDetailPopup=r=>{var{currentRecord:n,vaccineDetail:i,isDetail:o,siteType:c,onSubmit:s}=r,u=e.__rest(r,["currentRecord","vaccineDetail","isDetail","siteType","onSubmit"]);const{t:m}=d.useTranslations(),{isMobile:f}=g.useScreenSize(),[b,h]=t.useState("1"),x=[{id:"1",name:m("babyVaccine.popup.tab.schedule")},{id:"2",name:m("babyVaccine.popup.tab.detail")}];return n&&i?y.default.createElement(p.Modal,Object.assign({},u,{title:y.default.createElement(l.Text,{size:"s3",weight:"semiBold"},m("babyVaccine.popup.title")),withCloseButton:!0,styles:{body:{padding:0}},fullScreen:f}),y.default.createElement(a.Container,{fluid:!0,p:f?16:24},y.default.createElement(a.Tabs,{value:b,onTabChange:h},y.default.createElement(a.Flex,{justify:"space-between"},y.default.createElement(a.Tabs.List,{grow:!0},x.map((e=>y.default.createElement(a.Tabs.Tab,{key:e.id,value:e.id},y.default.createElement(l.Text,{size:"s3",weight:"semiBold",color:"inherit"},e.name)))))),y.default.createElement(a.Tabs.Panel,{value:"1",pt:20},y.default.createElement(I,{record:n,onSubmit:(t,a)=>e.__awaiter(void 0,void 0,void 0,(function*(){yield null==s?void 0:s(t,a),u.onClose()}))})),y.default.createElement(a.Tabs.Panel,{value:"2",pt:20},y.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:i.content}}))))):null};
+`,O=t=>{var{status:a,idx:r}=t,n=e.__rest(t,["status","idx"]);return y.default.createElement(D,Object.assign({"data-status":a,"data-id":r||"header"},n),y.default.createElement(l.Text,{size:"s4",span:!0,className:"inner-text"},r||""))},R=y.default.memo((()=>{const{isMobile:e}=g.useScreenSize(),{t:t}=d.useTranslations();return y.default.createElement(a.Flex,{px:16},!e&&y.default.createElement(l.Text,{size:"s4",weight:"semiBold",sx:{flexGrow:1},color:c.theme.colors.gray600},t("babyVaccine.immunization.vaccineName")),y.default.createElement(a.Flex,{gap:24},y.default.createElement(a.Flex,{align:"center",gap:4},y.default.createElement(O,{status:"missed"}),y.default.createElement(l.Text,{size:"p4"},t("babyVaccine.status.missed"))),y.default.createElement(a.Flex,{align:"center",gap:4},y.default.createElement(O,{status:"next"}),y.default.createElement(l.Text,{size:"p4"},t("babyVaccine.status.upcoming"))),y.default.createElement(a.Flex,{align:"center",gap:4},y.default.createElement(O,{status:"vaccinated"}),y.default.createElement(l.Text,{size:"p4"},t("babyVaccine.status.vaccinated")))))})),F=y.default.memo((()=>{const{t:e}=d.useTranslations();return y.default.createElement(a.Flex,{gap:14,bg:c.theme.colors.neutral50,p:12,sx:{borderRadius:8},align:"start"},y.default.createElement(u.AspectRatio,{ratio:1,w:24},y.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},y.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM11 9H13V7H11V9Z",fill:"#595959"}))),y.default.createElement(l.Text,{size:"p3"},e("babyVaccine.immunization.warning")))})),N=["all","missed","upcoming","next","vaccinated"];exports.Immunization=r=>{var{details:n,siteType:i,onToggle:o}=r,s=e.__rest(r,["details","siteType","onToggle"]);const{t:u}=d.useTranslations();return y.default.createElement(M,Object.assign({"data-theme":i},s),y.default.createElement(F,null),y.default.createElement(a.Stack,{spacing:20,w:"100%"},y.default.createElement(R,null),n&&n.map(((e,r)=>y.default.createElement(t.Fragment,{key:`${r}${e.id}`},y.default.createElement(a.Divider,{h:1,color:c.theme.colors.neutral100}),y.default.createElement(a.Flex,{align:"stretch",justify:"space-between",gap:40},y.default.createElement(a.Stack,{spacing:2},y.default.createElement(l.Text,{size:"n1",color:e?c.theme.colors.gray800:c.theme.colors.red800},e.optional?u("babyVaccine.vaccineInfo.optional"):u("babyVaccine.vaccineInfo.mandatory")),y.default.createElement(l.Text,{size:"s4",color:c.theme.colors.gray800,weight:"semiBold"},e.name||e.antigen)),y.default.createElement("div",null,y.default.createElement(a.SimpleGrid,{cols:5,spacing:4,verticalSpacing:4,sx:{flexGrow:1}},e.records&&e.records.map(((e,t)=>y.default.createElement(O,{key:t,status:e.status,idx:t+1,onClick:()=>{null==o||o("vaccinated"===e.status,e)}})))))))))))},exports.RecordsByAgeGroup=t=>{var{vaccineRecords:r,isCurrent:n,onToggle:i,siteType:o,onTitleClick:u}=t,m=e.__rest(t,["vaccineRecords","isCurrent","onToggle","siteType","onTitleClick"]);const{t:f}=d.useTranslations(),{isMobile:p}=g.useScreenSize();return 0===r.records.length?null:y.default.createElement("div",Object.assign({},m),y.default.createElement(a.Grid,{gutter:16,"data-theme":o,py:8},y.default.createElement(a.Grid.Col,{span:"content"},y.default.createElement(l.Text,{size:"s4",color:n?c.theme.colors.primaryBase:c.theme.colors.gray800,weight:"semiBold",sx:{height:42,width:100,display:"flex",alignItems:"center",[s.MediaQueries.mbDown]:{height:22}}},r.name||r.shortName)),y.default.createElement(a.Grid.Col,{span:"auto"},y.default.createElement(_,{"data-is-current":n},y.default.createElement("span",{className:"dot"}),y.default.createElement("div",{className:"line"}),y.default.createElement(l.Text,{size:"n1",ml:16},y.default.createElement("span",{dangerouslySetInnerHTML:{__html:f("babyVaccine.timeline.total",{number:`<b>${r.records.length}</b>`})}}))),!p&&y.default.createElement(a.Stack,{spacing:8},(null==r?void 0:r.records)&&r.records.map(((e,t)=>y.default.createElement(S,{key:`${t}${e.vaccineId}`,vaccineRecord:e,isCurrent:n&&0===t,onToggle:i,onTitleClick:u}))))),p&&y.default.createElement(a.Grid.Col,{span:12},y.default.createElement(a.Stack,{spacing:8},(null==r?void 0:r.records)&&r.records.map(((e,t)=>y.default.createElement(S,{key:`${t}${e.vaccineId}`,vaccineRecord:e,isCurrent:n&&0===t,onToggle:i,onTitleClick:u})))))))},exports.TimelineBanner=t=>{var{content:r,url:n,icon:i,gender:o,siteType:s}=t,g=e.__rest(t,["content","url","icon","gender","siteType"]);const{t:f}=d.useTranslations();return y.default.createElement(B,Object.assign({"data-gender":o},g),y.default.createElement(a.Stack,{spacing:8},y.default.createElement(l.Text,{size:"p3",color:c.theme.colors.gray800},r),n&&y.default.createElement("a",{className:"read-more",href:n,target:"_blank",rel:"noreferrer"},y.default.createElement(a.Flex,{align:"center",gap:6},y.default.createElement(l.Text,{size:"s4",color:c.theme.colors.primaryBase,weight:"semiBold"},f("articlePage.readMore")),y.default.createElement(m.Icon.ArrowRight,{size:20,color:c.theme.colors.primaryBase})))),y.default.createElement(u.AspectRatio,{ratio:1,w:80},y.default.createElement("img",{alt:"health-tool-icon",src:i})))},exports.VaccinationFilter=t=>{var{timeline:r,status:l="all",onClick:n}=t,i=e.__rest(t,["timeline","status","onClick"]);const o=N.map((e=>((e,t)=>{const a=e.map((e=>((e,t)=>{var a;return null===(a=null==e?void 0:e.records)||void 0===a?void 0:a.reduce(((e,a)=>(a.status===t&&e++,e)),0)})(e,t)));return h.sum(a)})(r,e))),c=h.zipObject(N,o);return y.default.createElement("div",Object.assign({},i),y.default.createElement(a.Flex,{align:"center",gap:8,wrap:"wrap"},N.map((e=>y.default.createElement(k,{key:e,px:12,py:6,radius:40,status:e,content:`${e} ${c[e]?`(${c[e]})`:""}`,sx:Object.assign({borderColor:u.themeColors.neutral[1],backgroundColor:"white",color:u.themeColors.gray[8],cursor:"pointer",transition:"all 300mc ease-in"},e===l?Object.assign({fontWeight:600},C[e]):{}),onClick:()=>n(e)})))))},exports.VaccineCardModal=V,exports.VaccineCardTimeline=S,exports.VaccineDetailPopup=r=>{var{currentRecord:n,vaccineDetail:i,isDetail:o,siteType:c,onSubmit:s}=r,u=e.__rest(r,["currentRecord","vaccineDetail","isDetail","siteType","onSubmit"]);const{t:m}=d.useTranslations(),{isMobile:p}=g.useScreenSize(),[b,h]=t.useState("1"),x=[{id:"1",name:m("babyVaccine.popup.tab.schedule")},{id:"2",name:m("babyVaccine.popup.tab.detail")}];return n&&i?y.default.createElement(f.Modal,Object.assign({},u,{title:y.default.createElement(l.Text,{size:"s3",weight:"semiBold"},m("babyVaccine.popup.title")),withCloseButton:!0,styles:{body:{padding:0}},fullScreen:p}),y.default.createElement(a.Container,{fluid:!0,p:p?16:24},y.default.createElement(a.Tabs,{value:b,onTabChange:h},y.default.createElement(a.Flex,{justify:"space-between"},y.default.createElement(a.Tabs.List,{grow:!0},x.map((e=>y.default.createElement(a.Tabs.Tab,{key:e.id,value:e.id},y.default.createElement(l.Text,{size:"s3",weight:"semiBold",color:"inherit"},e.name)))))),y.default.createElement(a.Tabs.Panel,{value:"1",pt:20},y.default.createElement(I,{record:n,onSubmit:(t,a)=>e.__awaiter(void 0,void 0,void 0,(function*(){yield null==s?void 0:s(t,a),u.onClose()}))})),y.default.createElement(a.Tabs.Panel,{value:"2",pt:20},y.default.createElement("span",{className:"description",dangerouslySetInnerHTML:{__html:i.content}}))))):null};

package/package.json

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

package/build/esm/index-04617758.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-7feb5f1c.js";import e from"react";import{Text as a}from"@mantine/core";import"dayjs";import"./screenSizeContext-a9ee0d97.js";import"styled-components";import{t as s}from"./theme-3d8106e4.js";import"./index-1fbfb6c0.js";import"./utils-53b2e945.js";import"./isProduction-f16dd143.js";import"./Onboarding-c63cc86d.js";import"./gAssets.js";import{h as o}from"./index-46a00fd5.js";const r=r=>{var{size:i,color:n=s.colors.gray800,weight:c="regular",as:m="p",styles:d,className:l,dataEventCategory:p,dataEventAction:f,dataEventLabel:g}=r,j=t(r,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:b,cx:v}=o({size:i,weight:c},{name:"Text",styles:d});return e.createElement(a,Object.assign({className:v(b.root,l),color:n,component:m,"data-event-category":p,"data-event-action":f,"data-event-label":g},j))};export{r as T};

package/build/esm/index-97cfd9ea.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-7feb5f1c.js";import a from"react";import{Button as e}from"@mantine/core";import{u as r}from"./index-46a00fd5.js";const o={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline"},s=s=>{var{variant:i,size:n,color:l,skipHover:c,className:v,dataEventCategory:m,dataEventAction:d,dataEventLabel:f}=s,p=t(s,["variant","size","color","skipHover","className","dataEventCategory","dataEventAction","dataEventLabel"]);const u="error"===i,{classes:E,cx:b}=r({variant:i,size:n,color:l,skipHover:c,isError:u});return a.createElement(e,Object.assign({className:b(E.rootCustom,v),variant:o[i],"data-event-category":m,"data-event-action":d,"data-event-label":f},p))};export{s as B};

package/build/esm/index-e56d4d22.js

@@ -1 +0,0 @@
-import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-228e900e.js";import{_ as o}from"./tslib.es6-7feb5f1c.js";import{u as n}from"./useTranslations-142d35dc.js";import"@mantine/core";import"./gAssets.js";import"./index-46a00fd5.js";import"dayjs";import"./screenSizeContext-a9ee0d97.js";import"styled-components";import"./theme-3d8106e4.js";import"./index-1fbfb6c0.js";import"./utils-53b2e945.js";import"./isProduction-f16dd143.js";import"./Onboarding-c63cc86d.js";import{B as i}from"./index-97cfd9ea.js";import"./translationsContext-98450578.js";import"string-format";import"./index-5ccec059.js";import"@mantine/hooks";import{T as d}from"./index-04617758.js";import{b4 as l}from"./index.styled-5509c30c.js";const m=({type:t="solid",className:a,style:r})=>e.createElement(s,{style:r,className:a,"data-diver-type":t,dividerType:t}),c={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=t=>{var{siteType:a,role:s,title:i,styles:d,className:l}=t,m=o(t,["siteType","role","title","styles","className"]);const{t:p}=n(),y=s?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(s):"",{classes:v,cx:b}=r(void 0,{name:"AuthorBadge",styles:d});return y&&c[y]?e.createElement("div",Object.assign({className:b(v.root,l),"data-label-type":y,"data-is-marrybaby":"marryBaby"===a},m),i||p(c[y])):null};var y="Dudns9-";const v=({value:s,choices:r,onChange:o})=>{const[n,d]=t(s);return a((()=>{d(s)}),[s]),e.createElement("div",{className:y},r.map(((t,a)=>e.createElement(i,{size:"sm",variant:t.value===n?"primary":"tertiary",key:a,onClick:()=>{d(t.value),null==o||o(t.value)}},t.label||""))))},b=({style:s,initialTab:r,tabContent:o,onChange:n,className:i,dataEventCategory:m,dataEventAction:c,dataEventLabel:p,id:y,styles:v})=>{const{classes:b,cx:u,theme:E}=l(void 0,{name:"Tabs",styles:v}),[f,x]=t(r||0);return a((()=>{x(r)}),[r]),e.createElement("ul",{style:s,className:u(b.root,i),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${b.item} ${f===a?"active":""}`,"aria-selected":f===a,role:"tab",onClick:()=>{x(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(x(a),n&&n(a))},key:a,"data-event-category":t.dataEventCategory||m,"data-event-action":t.dataEventAction||c,"data-event-label":t.dataEventLabel||p,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:b.itemInner},t.icon&&e.createElement("div",{className:b.icon},t.icon),e.createElement(d,{className:b.label,size:t.textSize||"sm",weight:t.textType||"bold",color:f===a?E.fn.primaryColor():t.textColor||E.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))};export{p as A,v as B,m as D,b as T};