@hhgtech/hhg-components 1.22.34 → 1.22.35-beta-1

package/build/{index-9c65be48.js → index-ce59b19d.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-0065074f.js"),n=require("react"),t=require("@mantine/carousel"),r=require("@mantine/hooks"),l=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,o=i(n),a=i(l).default(t.Carousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),c=n.createContext({}),d=function(e,n){return e>=n?e-n:e},s=function(l){var i=l.children,u=l.blurFromCenter,a=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,p=void 0===v?.5:v,h=l.onSlideChange,x=l.selectSlideWhenClick,m=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),S=r.useResizeObserver(),g=S[0],b=S[1],C=n.useRef(null),y=n.useState(0),k=y[0],_=y[1],E=function(){var e,n,t,r=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();_(r);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,o=(null===(t=null==C?void 0:C.current)||void 0===t?void 0:t.slidesInView()).length,c=Math.floor(o/2),s=u?a+f-1:c,v=r+s,h=v===i?0:v>i?v-i:v,x=r-s,m=x<0?i+x:x>0?r-s:0,S=Array(2*s+1).fill("").map((function(e,n){return d(m+n,i)}));l.map((function(e,n){if(n===r?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var t=p/f,l=0;l<f;l++){if(n===d(m+l,i)||n===(o=i,(u=h-l)<0?o+u:u)){e.style.opacity=String((l+1)*t);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},q={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){E(),null==h||h(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&E()}),[b]),o.default.createElement(c.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},o.default.createElement(t.Carousel,e.__assign({ref:g,slideSize:"auto",containScroll:"trimSnaps"},q,m,{loop:!0}),"function"==typeof i?i(k):i))};s.Slide=function(t){var r=t.children,l=t.onClick,i=e.__rest(t,["children","onClick"]),u=n.useContext(c),d=u.slider,s=u.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),p=n.useState(0),h=p[0],x=p[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var m={ref:f,"data-key":v.current,"data-index":h,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return o.default.createElement(a,e.__assign({},m,i),o.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(h)),null==l||l(h)}},r))},exports.CentralCarousel=s;
+"use strict";var e=require("./tslib.es6-4e0178b0.js"),n=require("react"),t=require("@mantine/carousel"),r=require("@mantine/hooks"),l=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,o=i(n),a=i(l).default(t.Carousel.Slide)(u||(u=e.__makeTemplateObject([""],[""]))),c=n.createContext({}),d=function(e,n){return e>=n?e-n:e},s=function(l){var i=l.children,u=l.blurFromCenter,a=l.blurFromIndex,s=l.blurLength,f=void 0===s?3:s,v=l.maxBlurOpacity,p=void 0===v?.5:v,h=l.onSlideChange,x=l.selectSlideWhenClick,m=e.__rest(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),S=r.useResizeObserver(),b=S[0],g=S[1],C=n.useRef(null),y=n.useState(0),k=y[0],_=y[1],E=function(){var e,n,t,r=null===(e=null==C?void 0:C.current)||void 0===e?void 0:e.selectedScrollSnap();_(r);var l=(null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.slideNodes())||[],i=l.length,o=(null===(t=null==C?void 0:C.current)||void 0===t?void 0:t.slidesInView()).length,c=Math.floor(o/2),s=u?a+f-1:c,v=r+s,h=v===i?0:v>i?v-i:v,x=r-s,m=x<0?i+x:x>0?r-s:0,S=Array(2*s+1).fill("").map((function(e,n){return d(m+n,i)}));l.map((function(e,n){if(n===r?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==S.indexOf(n))for(var t=p/f,l=0;l<f;l++){if(n===d(m+l,i)||n===(o=i,(u=h-l)<0?o+u:u)){e.style.opacity=String((l+1)*t);break}e.style.opacity="1"}else e.style.opacity="0";var u,o}))},q={getEmblaApi:function(e){C.current=e},onSlideChange:function(e){E(),null==h||h(e)}};return n.useEffect((function(){(null==C?void 0:C.current)&&E()}),[g]),o.default.createElement(c.Provider,{value:{slider:null==C?void 0:C.current,centerSlide:k,selectSlideWhenClick:x}},o.default.createElement(t.Carousel,e.__assign({ref:b,slideSize:"auto",containScroll:"trimSnaps"},q,m,{loop:!0}),"function"==typeof i?i(k):i))};s.Slide=function(t){var r=t.children,l=t.onClick,i=e.__rest(t,["children","onClick"]),u=n.useContext(c),d=u.slider,s=u.selectSlideWhenClick,f=n.useRef(),v=n.useRef(""),p=n.useState(0),h=p[0],x=p[1];n.useEffect((function(){v.current=String(Math.round(1e4*Math.random()))}),[]),n.useEffect((function(){var e=(null==d?void 0:d.slideNodes())||[];x(e.findIndex((function(e){return e.dataset.key===v.current})))}),[d]);var m={ref:f,"data-key":v.current,"data-index":h,styles:function(){return{control:{width:"40px",height:"40px",border:0,background:"white",boxShadow:"rgb(0 0 0 / 4%) 0px 10px 16px, rgb(0 0 0 / 4%) 0px 2px 8px, rgb(0 0 0 / 4%) 0px 0px 1px",svg:{width:"20px",height:"20px"}}}}};return o.default.createElement(a,e.__assign({},m,i),o.default.createElement("div",{onClick:function(){s&&(null==d||d.scrollTo(h)),null==l||l(h)}},r))},exports.CentralCarousel=s;

package/build/{index-91465581.js → index-d64f388b.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-0065074f.js"),t=require("react"),e=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,p,o=i(t),l=i(e),h=l.default((function(t){var e=t.type,i=n.__rest(t,["type"]);return o.default.createElement(e,i)}))(a||(a=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),x=l.default.p(p||(p=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}));exports.MarryBabyHeading=function(t){var e=t.type,i=t.color,a=t.style,p=n.__rest(t,["type","color","style"]);return o.default.createElement(h,n.__assign({type:e,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[e],style:n.__assign(n.__assign({},i&&{"--text-color":i}),a)},p))},exports.MarryBabyText=function(t){var e=t.type,i=t.color,a=t.style,p=n.__rest(t,["type","color","style"]);return o.default.createElement(x,n.__assign({"data-type":e,style:n.__assign(n.__assign({},a),i&&{"--text-color":i})},p))};
+"use strict";var n=require("./tslib.es6-4e0178b0.js"),t=require("react"),e=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,p,o=i(t),l=i(e),h=l.default((function(t){var e=t.type,i=n.__rest(t,["type"]);return o.default.createElement(e,i)}))(a||(a=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),x=l.default.p(p||(p=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}));exports.MarryBabyHeading=function(t){var e=t.type,i=t.color,a=t.style,p=n.__rest(t,["type","color","style"]);return o.default.createElement(h,n.__assign({type:e,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[e],style:n.__assign(n.__assign({},i&&{"--text-color":i}),a)},p))},exports.MarryBabyText=function(t){var e=t.type,i=t.color,a=t.style,p=n.__rest(t,["type","color","style"]);return o.default.createElement(x,n.__assign({"data-type":e,style:n.__assign(n.__assign({},a),i&&{"--text-color":i})},p))};

package/build/index-f0be7ea5.js

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

package/build/index-f40e766d.js

@@ -0,0 +1 @@
+"use strict";var n=require("./tslib.es6-4e0178b0.js"),t=require("styled-components"),e=require("react");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,i=a(t),d=a(e),o=i.default.div(r||(r=n.__makeTemplateObject(["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"],["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"]))),h="style-module_heading__xzO2I";exports.Heading=function(t){var e,a=t.as,r=t.tag,i=t.className,o=t.children,s=t.title,c=t.color,g=t.style,v=t.fontWeight,p=t.dataEventCategory,l=t.dataEventAction,u=t.dataEventLabel,m=n.__rest(t,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),w=a||r;return d.default.createElement(w,n.__assign({title:s,style:n.__assign(n.__assign({},c?(e={},e["--custom-heading-color"]=c,e):void 0),g),"data-tag":r,"data-font-weight":v||void 0,"data-event-category":p,"data-event-action":l,"data-event-label":u,className:"".concat(h," ").concat(i||"")},m),o)},exports.StyledAvatar=o;

package/build/index.css

@@ -0,0 +1,9 @@
+.style-module_text__wIj6f{color:var(--custom-color,#262626);font-weight:400;letter-spacing:0}.style-module_text__wIj6f[data-size=lg],.style-module_text__wIj6f[data-size=md]{font-size:16px;line-height:28px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=lg],.style-module_text__wIj6f[data-size=md]{font-size:18px;letter-spacing:-.2px;line-height:32px}}.style-module_text__wIj6f[data-size=base]{font-size:16px;line-height:24px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=base]{font-size:16px;line-height:24px}}.style-module_text__wIj6f[data-size=sm]{font-size:14px;letter-spacing:-.2px;line-height:22px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=sm]{font-size:16px;line-height:24px}}.style-module_text__wIj6f[data-size=xs]{font-size:12px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=xs]{font-size:14px;line-height:24px}}.style-module_text__wIj6f[data-size=s1]{font-size:18px;letter-spacing:-.6px;line-height:26px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=s1]{font-size:22px;letter-spacing:-.6px;line-height:32px}}.style-module_text__wIj6f[data-size=s2]{font-size:16px;letter-spacing:-.2px;line-height:24px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=s2]{font-size:18px;letter-spacing:-.4px;line-height:28px}}.style-module_text__wIj6f[data-size=s3]{font-size:14px;letter-spacing:-.2px;line-height:24px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=s3]{font-size:16px;line-height:24px}}.style-module_text__wIj6f[data-size=s4]{font-size:12px;letter-spacing:-.2px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=s4]{font-size:14px;letter-spacing:0;line-height:22px}}.style-module_text__wIj6f[data-size=s5]{font-size:12px;line-height:18px}.style-module_text__wIj6f[data-size=p1]{font-size:16px;letter-spacing:-.2px;line-height:28px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=p1]{font-size:18px;line-height:32px}}.style-module_text__wIj6f[data-size=p2]{font-size:16px;letter-spacing:-.2px;line-height:24px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=p2]{letter-spacing:0}}.style-module_text__wIj6f[data-size=p3]{font-size:14px;letter-spacing:-.2px;line-height:22px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=p3]{font-size:16px;letter-spacing:0;line-height:24px}}.style-module_text__wIj6f[data-size=p4]{font-size:12px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=p4]{font-size:14px;letter-spacing:-.2px;line-height:22px}}.style-module_text__wIj6f[data-size=c1]{font-size:14px;line-height:22px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=c1]{font-size:16px;line-height:24px}}.style-module_text__wIj6f[data-size=c2]{font-size:12px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=c2]{font-size:14px;line-height:22px}}.style-module_text__wIj6f[data-size=n1]{font-size:12px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=n1]{font-size:12px;line-height:18px}}.style-module_text__wIj6f[data-size=label1]{font-size:14px;letter-spacing:-.2px;line-height:22px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=label1]{letter-spacing:0}}.style-module_text__wIj6f[data-size=label2]{font-size:12px;line-height:18px}.style-module_text__wIj6f[data-type=bold],.style-module_text__wIj6f[data-type=caption]{font-weight:700}.style-module_text__wIj6f[data-type=semiBold]{font-weight:600}.style-module_text__wIj6f[data-word-wrap=break-all]{word-break:break-all}.style-module_text__wIj6f[data-word-wrap=break-word]{word-break:break-word}.style-module_text__wIj6f[data-is-uppercase],.style-module_text__wIj6f[data-type=caption]{text-transform:uppercase}
+@keyframes style-module_circle__GIMLN{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.style-module_loader__P03rc{animation:style-module_circle__GIMLN 1.2s linear infinite}.style-module_spinner__Lsvyk{align-items:center;display:flex;position:relative}.style-module_spinner__Lsvyk svg+svg{left:0;position:absolute}.style-module_buttonInner__fAwTd,.style-module_buttonText__S2kaD{align-items:center;display:flex;justify-content:center}.style-module_button__ITgol{border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .3s,border-color .3s;width:auto}.style-module_button__ITgol[data-theme=marryBaby]{border-radius:16px}.style-module_button__ITgol .style-module_buttonIcon__cD-HM{align-items:center;display:flex}.style-module_button__ITgol .style-module_buttonIcon__cD-HM+.style-module_buttonText__S2kaD{margin-left:8px}.style-module_button__ITgol[data-size=lg]{font-size:16px;line-height:24px;padding:12px 24px}.style-module_button__ITgol[data-size=lg] .style-module_buttonIcon__cD-HM img,.style-module_button__ITgol[data-size=lg] .style-module_buttonIcon__cD-HM svg{max-height:24px}.style-module_button__ITgol[data-size=md]{font-size:14px;line-height:22px;padding:9px 24px}.style-module_button__ITgol[data-size=md] .style-module_buttonIcon__cD-HM img,.style-module_button__ITgol[data-size=md] .style-module_buttonIcon__cD-HM svg{max-height:22px}.style-module_button__ITgol[data-size=sm]{font-size:14px;font-weight:700;line-height:22px;padding:5px 24px}.style-module_button__ITgol[data-size=sm] .style-module_buttonIcon__cD-HM img,.style-module_button__ITgol[data-size=sm] .style-module_buttonIcon__cD-HM svg{max-height:22px}.style-module_button__ITgol[data-color=primary]{background-color:#2d87f3;border:1px solid #2d87f3;color:#fff}.style-module_button__ITgol[data-color=primary][data-has-icon=true] svg path{fill:#fff}.style-module_button__ITgol[data-color=primary][data-theme=marryBaby]{background-color:#e85388;border:2px solid #e85388}.style-module_button__ITgol[data-color=primary][data-theme=marryBaby][data-has-icon=true]:hover[data-is-loading=false] svg path{fill:#e85388}.style-module_button__ITgol[data-color=primary]:hover:not(:disabled)[data-is-loading=false]{background-color:#2c74df}.style-module_button__ITgol[data-color=primary]:hover:not(:disabled)[data-is-loading=false][data-theme=marryBaby]{background-color:#fff;border:2px solid #e85388;color:#e85388}.style-module_button__ITgol[data-color=primary]:not(:is([disabled],[data-is-loading=true])):active{background-color:#2b62cd}.style-module_button__ITgol[data-color=primary][data-theme=marryBaby]:not(:is([disabled],[data-is-loading=true])):active{background-color:#e85388}.style-module_button__ITgol[data-color=primary][data-is-loading=true][data-theme=marryBaby] .style-module_loaderPath__oAG2-{stroke:#fff}.style-module_button__ITgol[data-color=primary][data-is-loading=true][data-theme=marryBaby] .style-module_spinnerCircle__Y9fGC{stroke:transparent}.style-module_button__ITgol[data-color=secondary]{background-color:#fff;border:2px solid #2d87f3;color:#2d87f3}.style-module_button__ITgol[data-color=secondary][data-has-icon=true] svg path{fill:#2d87f3}.style-module_button__ITgol[data-color=secondary][data-has-icon=true]:hover[data-is-loading=false] svg path{fill:#fff}.style-module_button__ITgol[data-color=secondary][data-theme=marryBaby]{background-color:transparent;border-color:#e85388;color:#e85388}.style-module_button__ITgol[data-color=secondary][data-theme=marryBaby][data-has-icon=true] svg path{fill:#e85388}.style-module_button__ITgol[data-color=secondary][data-theme=marryBaby][data-has-icon=true]:hover[data-is-loading=false] svg path{fill:#fff}.style-module_button__ITgol[data-color=secondary][data-size=md]{border-width:1.5px}.style-module_button__ITgol[data-color=secondary][data-size=sm]{border-width:1px;font-size:13px;line-height:20px}.style-module_button__ITgol[data-color=secondary]:hover[data-is-loading=false]{background-color:#2c74df;border-color:#2c74df;color:#fff}.style-module_button__ITgol[data-color=secondary]:hover[data-is-loading=false][data-theme=marryBaby]{background-color:#e85388;border-color:#e85388}.style-module_button__ITgol[data-color=secondary]:not(:is([disabled],[data-is-loading=true])):active{background-color:#2b62cd;border-color:#2b62cd;color:#fff}.style-module_button__ITgol[data-color=secondary][data-theme=marryBaby]:not(:is([disabled],[data-is-loading=true])):active{background-color:#e85388;border-color:#e85388}.style-module_button__ITgol[data-color=tertiary]{background-color:transparent;border:2px solid #bfbfbf;color:#262626}.style-module_button__ITgol[data-color=tertiary][data-size=md]{border-width:1.5px;font-weight:700}.style-module_button__ITgol[data-color=tertiary][data-size=sm]{border-width:1px;font-size:13px;line-height:20px}.style-module_button__ITgol[data-color=tertiary]:hover[data-is-loading=false][data-theme=marryBaby]{background-color:#e85388;color:#fff}.style-module_button__ITgol[data-color=tertiary][data-theme=marryBaby]{border-color:#e85388;color:#e85388}.style-module_button__ITgol[data-color=tertiary][data-theme=marryBaby][data-has-icon=true] svg path{fill:#e85388}.style-module_button__ITgol[data-color=tertiary][data-theme=marryBaby][data-has-icon=true]:hover[data-is-loading=false] svg path{fill:#fff}.style-module_button__ITgol[data-color=tertiary][data-is-loading=true][data-theme=marryBaby] .style-module_loaderPath__oAG2-{stroke:#e85388}.style-module_button__ITgol[data-color=ghost]{background-color:transparent;border:0;color:#2d87f3}.style-module_button__ITgol[data-color=ghost][data-size=sm]{font-size:12px;line-height:18px;padding:5px 12px}.style-module_button__ITgol[data-color=ghost]:disabled{background-color:transparent;border-color:0;color:#bfbfbf;cursor:not-allowed}.style-module_button__ITgol[data-color=transparent]{background-color:transparent;border:none}.style-module_button__ITgol[data-color=transparent][data-size=lg]{font-size:16px;line-height:24px;padding:0}.style-module_button__ITgol[data-color=transparent][data-size=md]{font-size:14px;line-height:24px;padding:0}.style-module_button__ITgol[data-color=transparent][data-size=sm]{font-size:13px;line-height:20px;padding:0}.style-module_button__ITgol[data-color=danger]{background-color:#f44d2c;border:2px solid #f44d2c;color:#fff}.style-module_button__ITgol[data-color=danger][data-size=md]{border-width:1.5px}.style-module_button__ITgol[data-color=danger][data-size=sm]{border-width:1px;font-size:13px;line-height:20px}.style-module_button__ITgol[data-color=danger]:hover[data-is-loading=false]{background-color:#feaa96;border-color:#feaa96;color:#fff}.style-module_button__ITgol[data-color=danger][data-has-icon=true] svg path{fill:#fff}.style-module_button__ITgol[data-color=danger][data-is-loading=true] .style-module_loaderPath__oAG2-{stroke:#fff}.style-module_button__ITgol[data-color=danger][data-is-loading=true] .style-module_spinnerCircle__Y9fGC{stroke:transparent}.style-module_button__ITgol[data-color=success]{background-color:#e0f8ee;color:#008c50}.style-module_button__ITgol[data-color=success][data-has-icon=true] svg path{fill:#008c50}.style-module_button__ITgol[data-color=success][data-theme=marryBaby]{color:#5ec08f}.style-module_button__ITgol[data-color=success][data-theme=marryBaby][data-has-icon=true] svg path{fill:#5ec08f}.style-module_button__ITgol[data-color=success][data-is-loading=true] .style-module_loaderPath__oAG2-{stroke:#008c50}.style-module_button__ITgol[data-color=success][data-is-loading=true] .style-module_spinnerCircle__Y9fGC{stroke:transparent}.style-module_button__ITgol[data-color=success][data-is-loading=true][data-theme=marryBaby] .style-module_loaderPath__oAG2-{stroke:#5ec08f}.style-module_button__ITgol:disabled,.style-module_button__ITgol[data-theme=marryBaby]:disabled{background-color:#bfbfbf;border-color:#bfbfbf;color:#fff;cursor:not-allowed}.style-module_button__ITgol[data-block=true]{padding:12px auto;width:100%}.style-module_button__ITgol[data-event-category]>*{pointer-events:none}.style-module_button__ITgol:focus-visible{outline:2px solid #000}
+.style-module_flag__pfaLG,.style-module_flag__pfaLG img,.style-module_flag__pfaLG svg{height:calc(var(--height)*1px);width:calc(var(--width)*1px)}.style-module_flag__pfaLG img{-o-object-fit:contain;object-fit:contain}
+.style-module_heading__xzO2I{color:var(--custom-heading-color,#262626);font-weight:700}.style-module_heading__xzO2I[data-tag=h1]{font-size:26px;letter-spacing:-.9px;line-height:34px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h1]{font-size:40px;letter-spacing:-1.2px;line-height:52px}}.style-module_heading__xzO2I[data-tag=h2]{font-size:24px;letter-spacing:-.8px;line-height:32px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h2]{font-size:32px;letter-spacing:-1px;line-height:42px}}.style-module_heading__xzO2I[data-tag=h3]{font-size:20px;letter-spacing:-.7px;line-height:26px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h3]{font-size:26px;letter-spacing:-.8px;line-height:36px}}.style-module_heading__xzO2I[data-tag=h4]{font-size:18px;letter-spacing:-.6px;line-height:26px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h4]{font-size:22px;line-height:32px}}.style-module_heading__xzO2I[data-tag=h5]{font-size:16px;letter-spacing:-.2px;line-height:24px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h5]{font-size:18px;line-height:28px}}.style-module_heading__xzO2I[data-tag=h6]{font-size:14px;letter-spacing:-.2px;line-height:22px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h6]{font-size:16px;letter-spacing:0;line-height:24px}}.style-module_heading__xzO2I[data-font-weight=bold]{font-weight:400}.style-module_heading__xzO2I[data-font-weight=semibold]{font-weight:600}
+.style-module_container__d76E4{margin:0 auto;width:100%}@media (max-width:767px){.style-module_container__d76E4{padding:0 16px}}@media (min-width:1024px){.style-module_container__d76E4{max-width:1170px}.style-module_container__d76E4[data-type=marryBaby]{max-width:1064px}}
+.style-module_expertName__PiqKa{color:#595959;font-size:14px;font-weight:700;line-height:22px}.style-module_anchor__HgbW6{color:inherit;display:inline-block;height:100%;text-decoration:none;width:100%}.style-module_anchor__HgbW6 *{pointer-events:none}.style-module_card__6lkfL{background-color:#fff;box-sizing:border-box;cursor:pointer;display:flex;padding:16px 16px 16px 0;width:100%}.style-module_card__6lkfL [data-event-category]>*{pointer-events:none}.style-module_card__6lkfL .content{display:flex;flex-direction:column;width:100%}.style-module_card__6lkfL .content .inner-content{display:flex;flex-direction:column}.style-module_card__6lkfL .content .inner-content p{align-items:center;display:flex}.style-module_card__6lkfL .content .inner-content a{text-decoration:none}.style-module_card__6lkfL .content .inner-content .bookmark{height:18px;width:18px}.style-module_card__6lkfL .content .inner-content .title a{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin-top:2px;overflow:hidden}.style-module_card__6lkfL .content .inner-content .text{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin-top:4px;max-width:100%;overflow:hidden}.style-module_card__6lkfL .footer{display:flex}.style-module_card__6lkfL .footer .author{width:calc(100% - 20px)}.style-module_card__6lkfL .footer .bookmark{cursor:pointer;display:flex;height:16px;margin-left:8px;width:12px}.style-module_card__6lkfL .footer .bookmark svg{height:100%;width:100%}.style-module_card__6lkfL .banner{border-radius:6px;height:100%;max-height:100%;max-width:100px;max-width:100%;min-width:100px;position:relative}.style-module_card__6lkfL .banner img{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;width:100%}.style-module_card__6lkfL .banner .premium{height:28px;left:6px;position:absolute;top:6px;width:28px}.style-module_card__6lkfL .shoppable{bottom:4px;left:6px;position:absolute}.style-module_card__6lkfL[data-size=sm][data-direction=horizontal]{padding:20px 0}.style-module_card__6lkfL[data-size=sm][data-direction=horizontal] .label{margin-bottom:0}.style-module_card__6lkfL[data-size=sm][data-direction=horizontal] .banner{height:100px;margin:0 16px 0 0;width:100px}@media (max-width:767px){.style-module_card__6lkfL[data-size=sm][data-direction=horizontal] .banner{height:100px;margin:0 16px 0 0;max-width:100px;min-width:100px}}.style-module_card__6lkfL[data-size=sm][data-direction=horizontal] .text{display:none}.style-module_card__6lkfL[data-direction=horizontal] .footer{margin-top:auto}.style-module_card__6lkfL[data-size=md][data-direction=horizontal]{padding:16px 0}.style-module_card__6lkfL[data-size=md][data-direction=horizontal] .banner{height:150px;margin:0 24px 0 0;max-width:200px;min-width:200px}@media (max-width:767px){.style-module_card__6lkfL[data-size=md][data-direction=horizontal] .text{display:none}.style-module_card__6lkfL[data-size=md][data-direction=horizontal] .banner{height:100px;margin:0 16px 0 0;max-width:100px;min-width:100px}.style-module_card__6lkfL[data-size=md][data-direction=horizontal] .specialty{display:none}}.style-module_card__6lkfL[data-direction=vertical]{flex-direction:column;padding:0}.style-module_card__6lkfL[data-direction=vertical] .label{display:flex;margin-top:16px}.style-module_card__6lkfL[data-direction=vertical][data-size=sm] .banner{height:150px}.style-module_card__6lkfL[data-direction=vertical][data-size=sm] .text{display:none}.style-module_card__6lkfL[data-direction=vertical][data-size=sm] .title{margin-bottom:12px;margin-top:0}.style-module_card__6lkfL[data-direction=vertical][data-size=lg] .banner{max-height:312px}@media (max-width:767px){.style-module_card__6lkfL[data-direction=vertical][data-size=lg] .banner{max-height:192px}}.style-module_card__6lkfL[data-direction=vertical][data-size=lg] .text{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;margin-bottom:16px;margin-top:8px;word-break:break-word}.style-module_card__6lkfL[data-direction=vertical] .banner{height:468px;margin:0;min-width:100%}.style-module_card__6lkfL[data-is-expert] .inner-content label.text{display:none}.style-module_card__6lkfL[data-is-expert] .specialty>[data-tag=h6]{font-size:13px;font-weight:400;line-height:19px}.style-module_card__6lkfL[data-is-expert][data-size=md] .footer .author .avatar{margin-right:8px}@media (min-width:1024px){.style-module_card__6lkfL[data-is-expert][data-size=md] .footer .author .avatar{height:40px;margin-right:16px;width:40px}}.style-module_card__6lkfL[data-is-expert] .title{margin-bottom:16px}@media (max-width:767px){.style-module_card__6lkfL[data-is-expert] .title{margin-bottom:8px}}.style-module_card__6lkfL[data-is-expert][data-direction=horizontal] .footer{margin-top:auto}.style-module_author__j7c-o{flex-direction:row;justify-content:space-between;margin-top:8px;width:100%}.style-module_author__j7c-o,.style-module_author__j7c-o .author{align-items:center;display:flex}.style-module_author__j7c-o .author .avatar,.style-module_author__j7c-o .author .expert-avatar{flex-shrink:0}.style-module_author__j7c-o .author .avatar img,.style-module_author__j7c-o .author .expert-avatar img{border-radius:50%;height:100%;width:100%}.style-module_author__j7c-o .author .name{font-weight:600}.style-module_author__j7c-o .author .poster{align-items:center;display:flex;white-space:pre-wrap}.style-module_author__j7c-o .author .poster[data-is-disabled-url=true]{cursor:default}.style-module_author__j7c-o .author .poster[data-is-disabled-url=true] a{pointer-events:none}.style-module_author__j7c-o .author .poster p{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-weight:400;overflow:hidden}.style-module_author__j7c-o .author .poster p a{color:#262626;text-decoration:none}.style-module_author__j7c-o .author .poster p span:not(.name){color:#8c8c8c}.style-module_author__j7c-o .author .expert{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.style-module_author__j7c-o .author .expert a{text-decoration:none}.style-module_author__j7c-o .author .expert[data-is-disabled-url=true]{cursor:default}.style-module_author__j7c-o .author .expert[data-is-disabled-url=true] a{pointer-events:none}.style-module_author__j7c-o .author .avatar{height:24px;margin-right:8px;width:24px}@media (max-width:767px){.style-module_author__j7c-o .author .avatar{margin-right:4px}}@media (min-width:1024px){.style-module_author__j7c-o .author .avatar[data-size=lg]{height:32px;margin-right:12px;width:32px}}@media (min-width:768px){.style-module_author__j7c-o .author .expert-avatar{height:40px;margin-right:16px;width:40px}}@media (max-width:767px){.style-module_author__j7c-o .author .expert-avatar{height:32px;margin-right:8px;width:32px}}@media (min-width:768px){.style-module_author__j7c-o .author .expert-avatar[data-size=lg]{height:64px;margin-right:16px;width:64px}}@media (max-width:767px){.style-module_author__j7c-o .author .expert-avatar[data-size=lg]{height:40px;margin-right:16px;width:40px}}
+.style-module_breadcrumb__lKjhv{display:flex;position:relative}.style-module_breadcrumb__lKjhv>.collapsed-breadcrumb{border:none}.style-module_breadcrumb__lKjhv>.collapsed-breadcrumb>div{padding:0}.style-module_breadcrumb__lKjhv>.collapsed-breadcrumb>ul{min-width:-moz-max-content;min-width:max-content}.style-module_breadcrumb__lKjhv[data-size=lg]{font-size:16px;font-weight:700;line-height:24px}.style-module_breadcrumb__lKjhv[data-size=md]{font-size:14px;font-weight:400;line-height:22px}.style-module_breadcrumb__lKjhv[data-size=sm]{font-size:13px;font-weight:400;line-height:20px}.style-module_separator__HGYlQ{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4-4 4' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain}.style-module_separator__HGYlQ,.style-module_separator__HGYlQ[data-size=lg]{margin-left:8px;margin-right:8px;width:6px}.style-module_separator__HGYlQ[data-size=md]{margin-left:7px;margin-right:7px;width:5px}.style-module_separator__HGYlQ[data-size=sm]{margin-left:6px;margin-right:6px;width:4px}.style-module_textLink__AyUUQ{max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-module_textLink__AyUUQ>a{color:#262626;cursor:pointer;text-decoration:none}.style-module_textLink__AyUUQ[data-last=true]>a{color:#737373}.style-module_textLink__AyUUQ>a:focus,.style-module_textLink__AyUUQ>a:hover{color:#2c74df;outline:none}.style-module_textLink__AyUUQ>a:focus .style-module_arrowLeft__8aMpq,.style-module_textLink__AyUUQ>a:focus .style-module_arrowRight__yj7nJ,.style-module_textLink__AyUUQ>a:hover .style-module_arrowLeft__8aMpq,.style-module_textLink__AyUUQ>a:hover .style-module_arrowRight__yj7nJ{stroke:#2b62cd}.style-module_textLink__AyUUQ>a:active{color:#2b62cd}.style-module_textLink__AyUUQ[data-disabled]>a{color:#bfbfbf;cursor:not-allowed}
+.style-module_footer__Lj0qo{background-color:#1b3250}.style-module_footer__Lj0qo .inner{margin:0 auto;padding:64px 24px 98px}@media (max-width:767px){.style-module_footer__Lj0qo .inner{padding:64px 0}}.style-module_footer__Lj0qo .inner[data-type=mini]{padding:24px 0}.style-module_footer__Lj0qo .footer-logo{margin-bottom:24px;max-height:32px;max-width:132px}.style-module_footer__Lj0qo .footer-logo[data-is-sehat=true]{max-width:250px}.style-module_footer__Lj0qo .footer-logo img{-o-object-fit:contain;object-fit:contain}.style-module_footer__Lj0qo .social{margin-top:24px}@media (max-width:767px){.style-module_footer__Lj0qo .social{margin-top:32px}.style-module_footer__Lj0qo .social p{font-size:13px}}@media (min-width:768px){.style-module_footer__Lj0qo .social p{font-size:12px}}.style-module_footer__Lj0qo .social p{color:#9aa2ac}.style-module_footer__Lj0qo .icons{margin-bottom:20px;margin-top:12px}.style-module_footer__Lj0qo .icons>a:not(:last-child){margin-right:16px}.style-module_footer__Lj0qo .icons .social-icon{height:32px;width:32px}.style-module_footer__Lj0qo .newsletter>p{color:#9aa2ac;font-size:14px;line-height:22px}@media (min-width:768px){.style-module_footer__Lj0qo .newsletter>p{line-height:28.5px;max-width:380px}}.style-module_footer__Lj0qo hr{background:#9aa2ac;border:none;height:1px;margin:16px 0;opacity:.1;outline:none}@media (max-width:767px){.style-module_footer__Lj0qo hr{margin-top:0}}@media (min-width:768px){.style-module_footer__Lj0qo .hrMobile{display:none}}.style-module_footer__Lj0qo .copyright{padding-top:8px}@media (min-width:768px){.style-module_footer__Lj0qo .copyright{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between}}.style-module_footer__Lj0qo .copyright .copyright-content{color:#9aa2ac;font-size:12px;width:90%}.style-module_footer__Lj0qo .copyright .copyright-image-wrapper{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:35%}@media (max-width:767px){.style-module_footer__Lj0qo .copyright .copyright-image-wrapper{justify-content:flex-start;max-width:unset}}.style-module_footer__Lj0qo .copyright .copyright-image-wrapper .copyright-image{align-self:flex-start}.style-module_footer__Lj0qo .copyright .copyright-image-wrapper .copyright-image:not(:last-child){margin-right:.5rem}.style-module_footer__Lj0qo .copyright .copyright-image-wrapper .copyright-image img{margin-bottom:16px;max-width:100px}.style-module_footer__Lj0qo .copyright[data-is-amp=true] img{margin-bottom:0}.style-module_footer__Lj0qo .copyright-certificate{color:#9aa2ac}@media (max-width:767px){.style-module_footer__Lj0qo .copyright-certificate{font-size:11px}}@media (min-width:768px){.style-module_footer__Lj0qo .copyright-certificate{font-size:12px}}.style-module_footer__Lj0qo .biglinks{margin-bottom:12px}.style-module_footer__Lj0qo .bigLink{color:#fff;display:block;font-size:14px;font-weight:700;text-decoration:none;word-break:break-word}.style-module_footer__Lj0qo .bigLink:not(:last-child){margin-bottom:12px}@media (max-width:767px){.style-module_footer__Lj0qo .bigLink{display:inline-block;font-size:16px;width:50%}}.style-module_footer__Lj0qo .mHalf{display:inline-block;margin-bottom:24px;padding-right:24px;vertical-align:top;width:50%}.style-module_footer__Lj0qo .mHalf p{color:#9aa2ac}@media (max-width:767px){.style-module_footer__Lj0qo .mHalf p{font-size:13px;line-height:20px;margin-bottom:8px}}@media (min-width:768px){.style-module_footer__Lj0qo .mHalf p{font-size:14px;margin-bottom:12px}}.style-module_footer__Lj0qo .otherSites p{color:#9aa2ac;font-size:12px;margin-bottom:12px}@media (max-width:767px){.style-module_footer__Lj0qo .otherSites p{font-size:13px}}@media (min-width:768px){.style-module_footer__Lj0qo .otherSites p{font-size:13px}}.style-module_footer__Lj0qo .otherSites .flags{display:flex;margin-bottom:8px}.style-module_footer__Lj0qo .otherSites .flags div{margin-right:10px}.style-module_footer__Lj0qo .link{display:block;text-decoration:none}.style-module_footer__Lj0qo .link p{color:#fff;font-weight:700;word-break:break-word}.style-module_footer__Lj0qo .link:not(:last-child){margin-bottom:12px}@media (min-width:768px){.style-module_footer__Lj0qo .columns{display:flex;flex-direction:row;width:100%}.style-module_footer__Lj0qo .columns>div:first-child{display:flex;flex-basis:40%;flex-direction:column;justify-content:space-between}.style-module_footer__Lj0qo .columns>div:nth-child(2){display:flex;flex-basis:60%;flex-direction:row;flex-wrap:wrap}.style-module_footer__Lj0qo .columns>div:nth-child(2)>div:first-child{flex-basis:45%}.style-module_footer__Lj0qo .columns>div:nth-child(2)>div:not(:last-child){flex-basis:27.5%}.style-module_footer__Lj0qo .columns>div:nth-child(2)>div:last-child{flex-basis:0}}.style-module_footer__Lj0qo .signupButton{border:none;display:none;margin-top:16px;outline:none;text-transform:uppercase}.style-module_flag__OO-qF{height:32px;margin-right:10px;width:32px}.style-module_flag__OO-qF[data-is-mobile=true]{height:24px;width:24px}.style-module_flag__OO-qF .country-flag{height:100%;width:100%}
+.style-module_footerContainer__B6-Km{overflow:hidden;position:relative}.style-module_footerContainer__B6-Km .icons{margin-bottom:20px;margin-top:12px}.style-module_footerContainer__B6-Km .icons>a:not(:last-child){margin-right:16px}.style-module_footerContainer__B6-Km a{text-decoration:none}.style-module_footerContainer__B6-Km a :hover{color:#2661ad}.style-module_menuContainer__GS-7m{align-items:flex-start;border-bottom:1px solid #d2d6dc;display:flex;justify-content:space-between;margin:auto 68px;padding:80px 0 40px;position:relative}@media (max-width:1023px){.style-module_menuContainer__GS-7m{-moz-column-gap:16px;column-gap:16px;flex-wrap:wrap;margin:auto 16px;row-gap:32px}}@media (max-width:767px){.style-module_menuContainer__GS-7m{margin:auto 0}}.style-module_wrapMenuItem__qc5bE{display:flex;flex-direction:column;gap:12px;justify-content:space-between}@media (max-width:767px){.style-module_wrapMenuItem__qc5bE{flex:1 1 160px}}.style-module_wrapMenuItem__qc5bE .title{padding-bottom:4px}.style-module_wrapItems__CQGVe{gap:12px}.style-module_wrapInfo__6JMoe,.style-module_wrapItems__CQGVe{display:flex;flex-direction:column;justify-content:space-between}.style-module_wrapInfo__6JMoe{align-items:center;gap:24px;padding:40px 0;position:relative;text-align:center}.style-module_wrapInfo__6JMoe .content{max-width:680px;width:100%}.style-module_wrapInfo__6JMoe .social-link{align-items:center;display:flex;gap:4px;justify-content:space-between}.style-module_wrapInfo__6JMoe .social-link img{height:32px;width:32px}@media (max-width:767px){.style-module_wrapInfo__6JMoe{padding:32px 0}}.style-module_wrapCopyRight__8eUT8{background-color:#202135;padding:16px 0;position:relative}.style-module_wrapCopyRight__8eUT8 img{height:32px;width:89px}.style-module_wrapCopyRight__8eUT8 .content{align-items:center;display:flex;gap:174px;justify-content:space-between;margin:auto 68px}@media (max-width:1023px){.style-module_wrapCopyRight__8eUT8 .content{margin:auto 16px}}@media (max-width:767px){.style-module_wrapCopyRight__8eUT8 .content{align-items:flex-start;flex-direction:column-reverse;gap:16px;margin:auto 0}}.style-module_wrapCopyRight__8eUT8 .verify{align-items:flex-start;display:flex;gap:8px}.style-module_container__cjDwo{overflow:hidden}.style-module_container__cjDwo:before{border-radius:2150px 2150px 0 0/200px 200px 0 0;content:"";display:block;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:150%}@media (max-width:767px){.style-module_container__cjDwo:before{width:100%}}

package/build/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-62bd569d.js"),r=require("./index-01fbb796.js"),o=require("./index-94c7b6dd.js"),t=require("./index-7f1e8b1d.js"),a=require("./index-1a21b05f.js"),s=require("./index-eb5e4bd6.js"),i=require("./index-d9ed29f2.js"),p=require("./index-cc4f7e3b.js"),n=require("./index-8a9914ab.js"),x=require("./index-950ef85a.js"),u=require("./index-d68fe494.js"),d=require("./index-a6aa1a98.js"),l=require("./index-bfa673ca.js"),c=require("./index-ada7449f.js"),g=require("./index-6ddadbf0.js"),C=require("./index-f6abdc3f.js"),m=require("./index-33724b3a.js"),P=require("./footer.js"),b=require("./useTranslations-231429a4.js"),h=require("./useScrollbarSize-f805c30e.js"),f=require("./useFbDataLayer-eedaa95c.js"),q=require("./useHealthToolCache-38f50452.js"),S=require("./translationsProvider-4fe7a551.js"),T=require("./translationsContext-8d6c61df.js"),v=require("./types-afa65e83.js"),D=require("./types-db41e662.js"),y=require("./constants-b4dc5a05.js"),j=require("./localizeNumberFormat-e4a3a145.js"),B=require("./screenSizeContext-5d49a18f.js"),L=require("./cookieHelper-54048238.js"),I=require("./lazyLoad-76f23903.js");require("react"),require("styled-components");var k=require("./theme-ee07bb4b.js"),A=require("./dataTransform-0d8a1f88.js"),R=require("./routing-9b0aa164.js"),N=require("./utils-950aead5.js"),w=require("./getDynamicHealthTool-95168d7e.js"),M=require("./getSocialList-6c91c6d2.js");require("./Locale-a817e0b3.js"),require("./isProduction-69fc41c0.js"),require("./tslib.es6-0065074f.js"),require("./gAssets.js"),require("lodash/throttle"),require("keen-slider/react"),require("dayjs"),require("react-property"),require("date-fns"),require("./types-1895ef72.js"),require("react-hook-form"),require("./index-4de18a39.js"),require("@mantine/core"),require("@mantine/hooks"),require("@hookform/resolvers/yup"),require("react-range"),require("react-day-picker/DayPickerInput"),require("./defaultClassWrapper-a222d084.js"),require("./useOutsideClick-c0e4fa4d.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("@mantine/dates"),require("./index.styled-622d0725.js"),require("./index-91465581.js"),require("slugify"),require("string-format"),require("./core-e6a29d83.js"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),require("react-dom"),require("./index-9c65be48.js"),require("@mantine/carousel"),require("innertext"),require("react-contenteditable"),require("react-loading-skeleton"),require("lodash/shuffle"),require("vanilla-lazyload"),exports.Types=e.index,exports.Constants=r.index,exports.Alert=o.Alert,exports.AmpNextPage=o.AmpNextPage,exports.ArticleCard=o.ArticleCard,exports.BMICardEmbed=o.BMICardEmbed,exports.BMRCardEmbed=o.BMRCardEmbed,exports.BabyGrowthCardEmbed=o.BabyGrowthCardEmbed,exports.BabyPoopEmbed=o.BabyPoopEmbed,exports.Badge=o.Badge,exports.BorderHeading=o.BorderHeading,exports.Breadcrumbs=o.Breadcrumbs,exports.Carousel=o.Carousel,exports.CategoryCard=o.CategoryCard,exports.Checkbox=o.Checkbox,exports.CheckboxGroup=o.CheckboxGroup,exports.CookieAcceptConfirm=o.CookieAcceptConfirm,exports.DatePicker=o.DatePicker,exports.DateRangePicker=o.DateRangePicker,exports.DoctorInfo=o.DoctorInfo,exports.DueDateCardEmbed=o.DueDateCardEmbed,exports.FileDropdown=o.FileDropdown,exports.FloatButtonGroup=o.FloatButtonGroup,exports.Grid=o.Grid,exports.IconText=o.IconText,exports.Immunization=o.Immunization,exports.MobileBottomNavigation=o.MobileBottomNavigation,exports.MobileBottomNavigationIcon=o.MobileBottomNavigationIcon,exports.OvulationCardEmbed=o.OvulationCardEmbed,exports.PWGCardEmbed=o.PWGCardEmbed,exports.Pagination=o.Pagination,exports.Progress=o.Progress,exports.ProgressBar=o.ProgressBar,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.RateStars=o.RateStars,exports.RecordsByAgeGroup=o.RecordsByAgeGroup,exports.ScrollList=o.ScrollList,exports.SeoHead=o.SeoHead,exports.Shadow=o.Shadow,exports.ShareContainer=o.ShareContainer,exports.ShareDrawer=o.ShareDrawer,exports.SideMenu=o.index,exports.Slider=o.Slider,exports.StatisticCard=o.StatisticCard,exports.SurveyQuestionCard=o.SurveyQuestionCard,exports.SurveyThankyouCard=o.SurveyThankyouCard,exports.THRCardEmbed=o.THRCardEmbed,exports.Table=o.index$1,exports.Tabs=o.Tabs,exports.Tag=o.Tag,exports.TimelineBanner=o.TimelineBanner,exports.Toggle=o.Toggle,exports.ToolsBannerCard=o.ToolsBannerCard,exports.UnderlinedLink=o.UnderlinedLink,exports.Uploader=o.Uploader,exports.VaccineCard=o.VaccineCard,exports.VaccineDetailPopup=o.VaccineDetailPopup,exports.Avatar=t.Avatar,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.Popup=t.Popup,exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants,exports.TogetherDataTransforms=t.dataTransform,exports.UserAvatar=t.UserAvatar,exports.Button=a.Button,exports.AuthorBadge=s.AuthorBadge,exports.Divider=s.Divider,exports.Dropdown=s.Dropdown,exports.Flag=i.Flag,exports.LanguageSwitcher=i.LanguageSwitcher,exports.NavigationLogoutPopup=i.NavigationLogoutPopup,exports.NavigationProfileButton=i.NavigationProfileButton,exports.NavigationV2=i.NavigationV2,exports.ProfilePopup=i.ProfilePopup,exports.UserProfileNavigation=i.UserProfileNavigation,exports.UserProfileNavigationHeader=i.NavHeader,exports.UserProfileNavigationStats=i.UserStats,exports.getNavMenuContent=i.getNavMenuContent,exports.getNavMenuContentWithCache=i.getNavMenuContentWithCache,exports.Heading=p.Heading,exports.Input=n.Input,exports.Label=x.Label,exports.Logo=u.Logo,exports.PureInput=d.PureInput,exports.Text=l.Text,exports.Drawer=c.Drawer,exports.Icon=c.Icon,exports.Menu=c.Menu,exports.Modal=c.Modal,exports.NewBabyProfileRadio=c.NewBabyProfileRadio,exports.RadioImageGroup=c.RadioImageGroup,exports.TextArea=c.TextArea,exports.TextDivider=c.TextDivider,exports.Container=g.Container,exports.CustomReferenceDot=C.CustomReferenceDot,exports.PillCarousel=m.PillCarousel,exports.Footer=P.Footer,exports.useTranslations=b.useTranslations,exports.MEASURE_ELEMENT_CLASS=h.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=h.useScrollbarSize,exports.useFbDataLayer=f.useFbDataLayer,exports.useHealthToolsCache=q.useHealthToolsCache,exports.TranslationsProvider=S.TranslationsProvider,exports.translationsMap=S.translationsMap,exports.TranslationsContext=T.TranslationsContext,exports.defaultTranslations=T.defaultTranslations,exports.CardAuthor=v.CardAuthor,exports.CardLink=v.CardLink,exports.CardPost=v.CardPost,exports.CardPostPopoverMore=v.CardPostPopoverMore,exports.CardReactions=v.CardReactions,exports.CardReply=v.CardReply,exports.CardReplyPopover=v.CardReplyPopover,exports.CreateNewPostContent=v.CreateNewPostContent,exports.CreatePostDescription=v.CreatePostDescription,exports.CreatePostTitle=v.CreatePostTitle,exports.ImagePreviewPopup=v.ImagePreviewPopup,exports.InputCommentBar=v.InputCommentBar,exports.LabelPin=v.LabelPin,exports.LabelSortPin=v.LabelSortPin,exports.LabelSorting=v.LabelSorting,exports.Loading=v.Loading,exports.PopoverMenu=v.PopoverMenu,exports.PopupDanger=v.PopupDanger,exports.PopupDoctor=v.PopupDoctor,exports.PopupExpert=v.PopupExpert,exports.PopupFrame=v.PopupFrame,exports.PopupHospital=v.PopupHospital,exports.PostContent=v.PostContent,exports.PostImagePreview=v.PostImagePreview,exports.PostSingleImageViewPopup=v.PostSingleImageViewPopup,exports.ShareBox=v.ShareBox,exports.SharePopup=v.SharePopup,exports.SocialLinkPreview=v.SocialLinkPreview,exports.SubmitReportForm=v.SubmitReportForm,exports.TagTopic=v.TagTopic,exports.TogetherAuthConfigContext=v.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=v.TogetherAuthConfigContextProvider,exports.TogetherTypes=v.types,exports.TopicSelectList=v.TopicSelectList,exports.useTogetherAuthRequiredAction=v.useTogetherAuthRequiredAction,exports.BookingSearchBar=D.BookingSearchBar,exports.CareTypes=D.types,exports.CareConstants=y.constants,exports.ageGenerate=j.ageGenerate,exports.convertLocalizedStringToNumber=j.convertLocalizedStringToNumber,exports.localizeNumberFormat=j.localizeNumberFormat,exports.ScreenSizeContext=B.ScreenSizeContext,exports.ScreenSizeContextProvider=B.ScreenSizeContextProvider,exports.fadeIn=B.fadeIn,exports.getWindowSizeGroups=B.getWindowSizeGroups,exports.slideInDown=B.slideInDown,exports.slideInLeft=B.slideInLeft,exports.slideInRight=B.slideInRight,exports.slideInUp=B.slideInUp,exports.slideOutDown=B.slideOutDown,exports.slideOutLeft=B.slideOutLeft,exports.slideOutRight=B.slideOutRight,exports.slideOutUp=B.slideOutUp,exports.deleteCookie=L.deleteCookie,exports.getCookie=L.getCookie,exports.setCookie=L.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return I.lazyLoadInstance}}),exports.theme=k.theme,exports.abbreviateNumber=A.abbreviateNumber,exports.formatPill=A.formatPill,exports.getCareApiDomain=R.getCareApiDomain,exports.getCurrentBaseUrl=R.getCurrentBaseUrl,exports.getCurrentSsoUrl=R.getCurrentSsoUrl,exports.getDiscoverApiDomain=R.getDiscoverApiDomain,exports.getTogetherApiDomain=R.getTogetherApiDomain,exports.Breakpoints=N.Breakpoints,exports.MediaQueries=N.MediaQueries,exports.formatUrlWithPageParam=N.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=N.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=N.getPopupWrapperDom,exports.getWrapperDomWithSelector=N.getWrapperDomWithSelector,exports.makeParams=N.makeParams,exports.safeEncodeURI=N.safeEncodeURI,exports.startCase=N.startCase,exports.toggleNoScroll=N.toggleNoScroll,exports.formatHealthTool=w.formatHealthTool,exports.getDynamicHealthTool=w.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=w.getDynamicHealthToolWithCache,exports.getSocialList=M.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-801290be.js"),r=require("./index-42c16c50.js"),o=require("./index-cc39a16d.js"),t=require("./index-163ab2be.js"),a=require("./index-06f9004e.js"),s=require("./index-77367a5a.js"),i=require("./index-076d2eb8.js"),p=require("./index-f40e766d.js"),n=require("./index-78ceeb6e.js"),x=require("./index-281d5158.js"),u=require("./index-a9f68de3.js"),d=require("./index-3b18f38a.js"),l=require("./index-f0be7ea5.js"),c=require("./index-5c9028f7.js"),g=require("./index-549360d9.js"),C=require("./index-4049c725.js"),m=require("./index-41564c23.js"),P=require("./footer.js"),b=require("./useTranslations-c45bd644.js"),h=require("./useScrollbarSize-ea23beb1.js"),f=require("./useFbDataLayer-7cd85ac5.js"),q=require("./useHealthToolCache-f771ee07.js"),S=require("./translationsProvider-26cd2b46.js"),T=require("./translationsContext-4f724422.js"),v=require("./types-9ddfc7f2.js"),D=require("./types-2cc1c96d.js"),y=require("./constants-7a8d2b25.js"),j=require("./localizeNumberFormat-3f89f9c9.js"),B=require("./screenSizeContext-8718eb2d.js"),L=require("./cookieHelper-5216ed63.js"),I=require("./lazyLoad-22d03412.js");require("react"),require("styled-components");var k=require("./theme-789ac6c7.js"),A=require("./dataTransform-edd81a4a.js"),R=require("./routing-0f10b8f2.js"),N=require("./utils-23712f58.js"),w=require("./getDynamicHealthTool-50161259.js"),M=require("./getSocialList-15c7e6ec.js");require("./Locale-ddb9cbd0.js"),require("./isProduction-ff337100.js"),require("./tslib.es6-4e0178b0.js"),require("./gAssets.js"),require("lodash/throttle"),require("keen-slider/react"),require("dayjs"),require("react-property"),require("date-fns"),require("./types-e2b2e9c0.js"),require("react-hook-form"),require("./index-727b494f.js"),require("@mantine/core"),require("@mantine/hooks"),require("@hookform/resolvers/yup"),require("react-range"),require("react-day-picker/DayPickerInput"),require("./defaultClassWrapper-fc5878e8.js"),require("./useOutsideClick-18786017.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("@mantine/dates"),require("./index.styled-df356ab0.js"),require("./index-d64f388b.js"),require("slugify"),require("string-format"),require("./core-333aa98d.js"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),require("react-dom"),require("./index-ce59b19d.js"),require("@mantine/carousel"),require("innertext"),require("react-contenteditable"),require("react-loading-skeleton"),require("lodash/shuffle"),require("vanilla-lazyload"),exports.Types=e.index,exports.Constants=r.index,exports.Alert=o.Alert,exports.AmpNextPage=o.AmpNextPage,exports.ArticleCard=o.ArticleCard,exports.BMICardEmbed=o.BMICardEmbed,exports.BMRCardEmbed=o.BMRCardEmbed,exports.BabyGrowthCardEmbed=o.BabyGrowthCardEmbed,exports.BabyPoopEmbed=o.BabyPoopEmbed,exports.Badge=o.Badge,exports.BorderHeading=o.BorderHeading,exports.Breadcrumbs=o.Breadcrumbs,exports.Carousel=o.Carousel,exports.CategoryCard=o.CategoryCard,exports.Checkbox=o.Checkbox,exports.CheckboxGroup=o.CheckboxGroup,exports.CookieAcceptConfirm=o.CookieAcceptConfirm,exports.DatePicker=o.DatePicker,exports.DateRangePicker=o.DateRangePicker,exports.DoctorInfo=o.DoctorInfo,exports.DueDateCardEmbed=o.DueDateCardEmbed,exports.FileDropdown=o.FileDropdown,exports.FloatButtonGroup=o.FloatButtonGroup,exports.Grid=o.Grid,exports.IconText=o.IconText,exports.Immunization=o.Immunization,exports.MobileBottomNavigation=o.MobileBottomNavigation,exports.MobileBottomNavigationIcon=o.MobileBottomNavigationIcon,exports.OvulationCardEmbed=o.OvulationCardEmbed,exports.PWGCardEmbed=o.PWGCardEmbed,exports.Pagination=o.Pagination,exports.Progress=o.Progress,exports.ProgressBar=o.ProgressBar,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.RateStars=o.RateStars,exports.RecordsByAgeGroup=o.RecordsByAgeGroup,exports.ScrollList=o.ScrollList,exports.SeoHead=o.SeoHead,exports.Shadow=o.Shadow,exports.ShareContainer=o.ShareContainer,exports.ShareDrawer=o.ShareDrawer,exports.SideMenu=o.index,exports.Slider=o.Slider,exports.StatisticCard=o.StatisticCard,exports.SurveyQuestionCard=o.SurveyQuestionCard,exports.SurveyThankyouCard=o.SurveyThankyouCard,exports.THRCardEmbed=o.THRCardEmbed,exports.Table=o.index$1,exports.Tabs=o.Tabs,exports.Tag=o.Tag,exports.TimelineBanner=o.TimelineBanner,exports.Toggle=o.Toggle,exports.ToolsBannerCard=o.ToolsBannerCard,exports.UnderlinedLink=o.UnderlinedLink,exports.Uploader=o.Uploader,exports.VaccineCard=o.VaccineCard,exports.VaccineDetailPopup=o.VaccineDetailPopup,exports.Avatar=t.Avatar,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.Popup=t.Popup,exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants,exports.TogetherDataTransforms=t.dataTransform,exports.UserAvatar=t.UserAvatar,exports.Button=a.Button,exports.AuthorBadge=s.AuthorBadge,exports.Divider=s.Divider,exports.Dropdown=s.Dropdown,exports.Flag=i.Flag,exports.LanguageSwitcher=i.LanguageSwitcher,exports.NavigationLogoutPopup=i.NavigationLogoutPopup,exports.NavigationProfileButton=i.NavigationProfileButton,exports.NavigationV2=i.NavigationV2,exports.ProfilePopup=i.ProfilePopup,exports.UserProfileNavigation=i.UserProfileNavigation,exports.UserProfileNavigationHeader=i.NavHeader,exports.UserProfileNavigationStats=i.UserStats,exports.getNavMenuContent=i.getNavMenuContent,exports.getNavMenuContentWithCache=i.getNavMenuContentWithCache,exports.Heading=p.Heading,exports.Input=n.Input,exports.Label=x.Label,exports.Logo=u.Logo,exports.PureInput=d.PureInput,exports.Text=l.Text,exports.Drawer=c.Drawer,exports.Icon=c.Icon,exports.Menu=c.Menu,exports.Modal=c.Modal,exports.NewBabyProfileRadio=c.NewBabyProfileRadio,exports.RadioImageGroup=c.RadioImageGroup,exports.TextArea=c.TextArea,exports.TextDivider=c.TextDivider,exports.Container=g.Container,exports.CustomReferenceDot=C.CustomReferenceDot,exports.PillCarousel=m.PillCarousel,exports.Footer=P.Footer,exports.useTranslations=b.useTranslations,exports.MEASURE_ELEMENT_CLASS=h.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=h.useScrollbarSize,exports.useFbDataLayer=f.useFbDataLayer,exports.useHealthToolsCache=q.useHealthToolsCache,exports.TranslationsProvider=S.TranslationsProvider,exports.translationsMap=S.translationsMap,exports.TranslationsContext=T.TranslationsContext,exports.defaultTranslations=T.defaultTranslations,exports.CardAuthor=v.CardAuthor,exports.CardLink=v.CardLink,exports.CardPost=v.CardPost,exports.CardPostPopoverMore=v.CardPostPopoverMore,exports.CardReactions=v.CardReactions,exports.CardReply=v.CardReply,exports.CardReplyPopover=v.CardReplyPopover,exports.CreateNewPostContent=v.CreateNewPostContent,exports.CreatePostDescription=v.CreatePostDescription,exports.CreatePostTitle=v.CreatePostTitle,exports.ImagePreviewPopup=v.ImagePreviewPopup,exports.InputCommentBar=v.InputCommentBar,exports.LabelPin=v.LabelPin,exports.LabelSortPin=v.LabelSortPin,exports.LabelSorting=v.LabelSorting,exports.Loading=v.Loading,exports.PopoverMenu=v.PopoverMenu,exports.PopupDanger=v.PopupDanger,exports.PopupDoctor=v.PopupDoctor,exports.PopupExpert=v.PopupExpert,exports.PopupFrame=v.PopupFrame,exports.PopupHospital=v.PopupHospital,exports.PostContent=v.PostContent,exports.PostImagePreview=v.PostImagePreview,exports.PostSingleImageViewPopup=v.PostSingleImageViewPopup,exports.ShareBox=v.ShareBox,exports.SharePopup=v.SharePopup,exports.SocialLinkPreview=v.SocialLinkPreview,exports.SubmitReportForm=v.SubmitReportForm,exports.TagTopic=v.TagTopic,exports.TogetherAuthConfigContext=v.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=v.TogetherAuthConfigContextProvider,exports.TogetherTypes=v.types,exports.TopicSelectList=v.TopicSelectList,exports.useTogetherAuthRequiredAction=v.useTogetherAuthRequiredAction,exports.BookingSearchBar=D.BookingSearchBar,exports.CareTypes=D.types,exports.CareConstants=y.constants,exports.ageGenerate=j.ageGenerate,exports.convertLocalizedStringToNumber=j.convertLocalizedStringToNumber,exports.localizeNumberFormat=j.localizeNumberFormat,exports.ScreenSizeContext=B.ScreenSizeContext,exports.ScreenSizeContextProvider=B.ScreenSizeContextProvider,exports.fadeIn=B.fadeIn,exports.getWindowSizeGroups=B.getWindowSizeGroups,exports.slideInDown=B.slideInDown,exports.slideInLeft=B.slideInLeft,exports.slideInRight=B.slideInRight,exports.slideInUp=B.slideInUp,exports.slideOutDown=B.slideOutDown,exports.slideOutLeft=B.slideOutLeft,exports.slideOutRight=B.slideOutRight,exports.slideOutUp=B.slideOutUp,exports.deleteCookie=L.deleteCookie,exports.getCookie=L.getCookie,exports.setCookie=L.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return I.lazyLoadInstance}}),exports.theme=k.theme,exports.abbreviateNumber=A.abbreviateNumber,exports.formatPill=A.formatPill,exports.getCareApiDomain=R.getCareApiDomain,exports.getCurrentBaseUrl=R.getCurrentBaseUrl,exports.getCurrentSsoUrl=R.getCurrentSsoUrl,exports.getDiscoverApiDomain=R.getDiscoverApiDomain,exports.getTogetherApiDomain=R.getTogetherApiDomain,exports.Breakpoints=N.Breakpoints,exports.MediaQueries=N.MediaQueries,exports.formatUrlWithPageParam=N.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=N.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=N.getPopupWrapperDom,exports.getWrapperDomWithSelector=N.getWrapperDomWithSelector,exports.makeParams=N.makeParams,exports.safeEncodeURI=N.safeEncodeURI,exports.startCase=N.startCase,exports.toggleNoScroll=N.toggleNoScroll,exports.formatHealthTool=w.formatHealthTool,exports.getDynamicHealthTool=w.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=w.getDynamicHealthToolWithCache,exports.getSocialList=M.getSocialList;

package/build/{index.styled-622d0725.js → index.styled-df356ab0.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-0065074f.js"),n=require("styled-components"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,l=r(n),o=r(t),d=l.default.hr(a||(a=e.__makeTemplateObject(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(e){return e.theme.colors.neutral200}),(function(e){return e.dividerType})),i=function(n){var t=n.size,r=n.color,a=n.isExpand,l=e.__rest(n,["size","color","isExpand"]);return a?o.default.createElement("svg",e.__assign({width:t,height:t,viewBox:"0 0 16 16",fill:r,xmlns:"http://www.w3.org/2000/svg"},l),o.default.createElement("path",{d:"M14.6625 0.500362C14.446 0.506813 14.2405 0.597296 14.0895 0.752641L10.7578 4.08435L9.69176 3.01664C9.37926 2.70414 8.84541 2.92491 8.84541 3.36657V6.67875C8.84541 6.95291 9.06687 7.17517 9.3402 7.17517H12.6524C13.094 7.17517 13.3148 6.64131 13.0023 6.32881L11.9362 5.26273L15.2679 1.93103C15.3884 1.81397 15.4706 1.66327 15.5039 1.49867C15.5372 1.33407 15.52 1.16325 15.4545 1.0086C15.3891 0.853944 15.2784 0.72267 15.1371 0.631979C14.9958 0.541288 14.8303 0.495412 14.6625 0.500362Z"}),o.default.createElement("path",{d:"M3.37015 8.84183C2.92848 8.84183 2.70771 9.37569 3.02021 9.68819L4.08792 10.7543L0.756214 14.086C0.676237 14.1628 0.612384 14.2547 0.568397 14.3565C0.524409 14.4583 0.501171 14.5678 0.500043 14.6787C0.498915 14.7895 0.51992 14.8995 0.561828 15.0022C0.603735 15.1048 0.665703 15.1981 0.744102 15.2765C0.822501 15.3549 0.915755 15.4168 1.0184 15.4587C1.12105 15.5007 1.23103 15.5217 1.3419 15.5205C1.45276 15.5194 1.56229 15.4962 1.66406 15.4522C1.76584 15.4082 1.85781 15.3443 1.9346 15.2644L5.26631 11.9327L6.33239 12.9987C6.64489 13.3112 7.17874 13.0905 7.17874 12.6488V9.33663C7.17874 9.06329 6.95649 8.84183 6.68232 8.84183H3.37015Z"})):o.default.createElement("svg",e.__assign({width:t,height:t,viewBox:"0 0 14 14",fill:r,xmlns:"http://www.w3.org/2000/svg"},l),o.default.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};i.defaultProps={size:24,color:"inherit",isExpand:!1};var u,c=l.default.div(u||(u=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"],["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"])),(function(e){return e.theme.colors.blue800}),(function(e){return e.theme.colors.blue800}),(function(e){return e.theme.colors.green400}),(function(e){return e.theme.colors.red400}),(function(e){return e.theme.colors.yellow800}),(function(e){return e.theme.colors.teal400}),(function(e){return e.theme.colors.teal400}),(function(e){return e.theme.colors.teal400}));exports.FullScreen=i,exports.StyledAuthorBadge=c,exports.StyledDivider=d;
+"use strict";var e=require("./tslib.es6-4e0178b0.js"),n=require("styled-components"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,l=r(n),o=r(t),d=l.default.hr(a||(a=e.__makeTemplateObject(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(e){return e.theme.colors.neutral200}),(function(e){return e.dividerType})),i=function(n){var t=n.size,r=n.color,a=n.isExpand,l=e.__rest(n,["size","color","isExpand"]);return a?o.default.createElement("svg",e.__assign({width:t,height:t,viewBox:"0 0 16 16",fill:r,xmlns:"http://www.w3.org/2000/svg"},l),o.default.createElement("path",{d:"M14.6625 0.500362C14.446 0.506813 14.2405 0.597296 14.0895 0.752641L10.7578 4.08435L9.69176 3.01664C9.37926 2.70414 8.84541 2.92491 8.84541 3.36657V6.67875C8.84541 6.95291 9.06687 7.17517 9.3402 7.17517H12.6524C13.094 7.17517 13.3148 6.64131 13.0023 6.32881L11.9362 5.26273L15.2679 1.93103C15.3884 1.81397 15.4706 1.66327 15.5039 1.49867C15.5372 1.33407 15.52 1.16325 15.4545 1.0086C15.3891 0.853944 15.2784 0.72267 15.1371 0.631979C14.9958 0.541288 14.8303 0.495412 14.6625 0.500362Z"}),o.default.createElement("path",{d:"M3.37015 8.84183C2.92848 8.84183 2.70771 9.37569 3.02021 9.68819L4.08792 10.7543L0.756214 14.086C0.676237 14.1628 0.612384 14.2547 0.568397 14.3565C0.524409 14.4583 0.501171 14.5678 0.500043 14.6787C0.498915 14.7895 0.51992 14.8995 0.561828 15.0022C0.603735 15.1048 0.665703 15.1981 0.744102 15.2765C0.822501 15.3549 0.915755 15.4168 1.0184 15.4587C1.12105 15.5007 1.23103 15.5217 1.3419 15.5205C1.45276 15.5194 1.56229 15.4962 1.66406 15.4522C1.76584 15.4082 1.85781 15.3443 1.9346 15.2644L5.26631 11.9327L6.33239 12.9987C6.64489 13.3112 7.17874 13.0905 7.17874 12.6488V9.33663C7.17874 9.06329 6.95649 8.84183 6.68232 8.84183H3.37015Z"})):o.default.createElement("svg",e.__assign({width:t,height:t,viewBox:"0 0 14 14",fill:r,xmlns:"http://www.w3.org/2000/svg"},l),o.default.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};i.defaultProps={size:24,color:"inherit",isExpand:!1};var u,c=l.default.div(u||(u=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"],["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"])),(function(e){return e.theme.colors.blue800}),(function(e){return e.theme.colors.blue800}),(function(e){return e.theme.colors.green400}),(function(e){return e.theme.colors.red400}),(function(e){return e.theme.colors.yellow800}),(function(e){return e.theme.colors.teal400}),(function(e){return e.theme.colors.teal400}),(function(e){return e.theme.colors.teal400}));exports.FullScreen=i,exports.StyledAuthorBadge=c,exports.StyledDivider=d;

package/build/lead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-0065074f.js"),t=require("react"),a=require("lodash/debounce"),l=require("react-dom"),n=require("uuid"),o=require("./useTranslations-231429a4.js"),r=require("./cookieHelper-54048238.js");require("dayjs"),require("./screenSizeContext-5d49a18f.js"),require("./lazyLoad-76f23903.js"),require("styled-components"),require("./index-01fbb796.js");var i=require("./utils-950aead5.js");require("./isProduction-69fc41c0.js"),require("./Locale-a817e0b3.js"),require("./gAssets.js");var c=require("./translationsContext-8d6c61df.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("string-format"),require("lodash/throttle"),require("vanilla-lazyload");var u=d(t),s=d(a),m=function(e){var t=e.onClose,a=e.containerClassName,l=e.svgClassName;return u.default.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a||"")},u.default.createElement("svg",{className:"le-newbuilder-close-svg ".concat(l||""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},u.default.createElement("defs",null,u.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},u.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),u.default.createElement("feFlood",{floodOpacity:".4"}),u.default.createElement("feComposite",{in2:"blur",operator:"in"}),u.default.createElement("feComposite",{in:"SourceGraphic"})),u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),u.default.createElement("g",{filter:"url(#Ellipse_482)"},u.default.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),u.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),u.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},p=function(e){var t=e.popupId,a=e.url,l=e.newTab,n=e.imageDestkop,o=e.imageMobile,r=e.onClose,i=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},u.default.createElement("div",{className:"le-center-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{className:"js-popup-other-submit",href:a,target:l?"blank":"_parent",onClick:i},u.default.createElement("img",{className:"le-only-mobile",src:o}),u.default.createElement("img",{className:"le-only-desktop",src:n})),u.default.createElement(m,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},f=function(e){var t=e.popupId,a=e.url,l=e.title,n=e.urlText,o=e.titleAlign,r=e.subtitle,i=e.subtitleAlign,c=e.newTab,d=e.imageDesktop,s=e.imageMobile,p=e.onClose,f=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-floating-desktop"},u.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?u.default.createElement("div",null,u.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:d})):null,u.default.createElement("div",{style:{padding:20}},u.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(i)},r)),u.default.createElement("a",{target:c?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n)),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-floating-mobile"},u.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},u.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},u.default.createElement("div",null,u.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(i)},r)),s?u.default.createElement("div",null,u.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),u.default.createElement("div",{style:{textAlign:"center",marginTop:10}},u.default.createElement("a",{target:c?"blank":"_parent",href:a,style:{textDecoration:"none"}},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n))),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},g={LINKS:1,TAGS:2},v="https://dev.leadgen.hellobacsi.com/",h={MOBILE:1,DESKTOP:2},b="";v.includes("localhost")&&(v="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(b="pink");var k="https://"+location.hostname+location.pathname+location.search;k=k.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var _={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},y=_[document.documentElement.lang]||_["vi-VN"];var E=t.createContext({}),N=function(e){var t=e.title,a=e.titleAlign,l=e.subtitle,n=e.subtitleAlign,o=e.link,r=e.linkNewTab,i=e.linkText,c=e.image;return u.default.createElement("div",{className:"lead-modal__thank-you"},u.default.createElement("div",{style:{width:"100%"}},u.default.createElement("img",{src:c,style:{maxHeight:162,objectFit:"cover"}}),t&&u.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),l&&u.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(n)},l),i&&u.default.createElement("div",null,u.default.createElement("a",{href:o,target:r?"_blank":"parrent",rel:"noreferrer"},u.default.createElement("button",{className:"lead-modal__btn ".concat(b)},i)))))},w=function(a){var n=a.content,o=a.inlinePosition,r=t.useMemo((function(){if(!o)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e.__spreadArray(e.__spreadArray([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var l=a.filter((function(e){return"P"===e.nodeName})),n=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(o){case"1th":r=l[0];break;case"2th":r=l[1];break;case"3th":r=l[2];break;case"4th":r=l[3];break;case"5th":r=l[4];break;case"6th":r=l[5];break;case"7th":r=l[6];break;case"8th":r=l[7];break;case"9th":r=l[8];break;case"10th":r=l[9];break;case"11th":r=l[10];break;case"12th":r=l[11];break;case"lastP":r=l[l.length-1];break;case"1thH2":r=n[0];break;case"2thH2":r=n[1];break;case"3thH2":r=n[2];break;case"4thH2":r=n[3];break;case"5thH2":r=n[4];break;case"6thH2":r=n[5];break;case"7thH2":r=n[6];break;case"8thH2":r=n[7];break;case"9thH2":r=n[8];break;case"10thH2":r=n[9];break;case"lastH2":r=n[n.length-1]}if(r){if(r.parentElement.querySelector(".inline-lead-wrapper"))return r.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),r.nextElementSibling?r.parentElement.insertBefore(i,r.nextElementSibling):r.parentElement.appendChild(i),i}}}),[o]);return o&&r?l.createPortal(n,r):null},x=function(e){var a=e.content,n=t.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return u.default.createElement(u.default.Fragment,null,n.map((function(e){return l.createPortal(a,i.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},C=function(a){var l,n,r,i=a.popupId,c=a.extraFields,d=a.onClose,s=a.onOtherSubmit,m=a.imageMobile,p=a.imageDesktop,f=a.imageOverlayMobile,g=a.imageOverlayDesktop,v=a.imageBackground,h=a.currentLayout,k=a.title,_=a.onSubmit,C=a.showThankyou,S=o.useTranslations().t,T=JSON.parse(c.listBlockAdded),B=JSON.parse(c.actionBlocks),L=JSON.parse(c.textBlocks),j=t.useContext(E).apiUrl,P=B.submitBlock.data.url,A=B.submitBlock.data.text,O=B.submitBlock.data.text2,q=B.submitBlock.data.value,I=location.pathname,M=h.includes("Inline")||"Sidebar"===h,D="Slider"===h,H=t.useState(!0),V=H[0],F=H[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(h))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((function(){(h.includes("LightBox")||"Fullscreen"==h)&&document.body.classList.add("noscroll")}),[]);var R=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(S("validator.required")),[3,6]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===t?a.target.setCustomValidity(S("validator.phone")):"date"===t?a.target.setCustomValidity(S("validator.date")):"email"===t&&a.target.setCustomValidity(S("validator.email")),[3,6]);case 2:return"tel"!==t?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:e.sent(),e.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(a.target.value),y.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(S("validator.phone")),[3,6];case 5:a.target.setCustomValidity(""),e.label=6;case 6:return[2]}}))}))},U=t.useMemo((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return T.map((function(t,a){var l,n;if("TitleBlock"==t.name)return u.default.createElement("h2",{key:a,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=t.data)||void 0===l?void 0:l.align)||"")," ").concat(b)},t.data.value);if("SubtitleBlock"==t.name)return u.default.createElement("p",{key:a,className:"lead-modal__description ".concat("le-text-align-"+((null===(n=t.data)||void 0===n?void 0:n.align)||"")," ").concat(b)},t.data.value);if("TextBlock"==t.name)return e.TextBlock+=1,u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("text",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/text.svg")})));if("NumberBlock"==t.name){var o=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("number",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,o}if("EmailBlock"==t.name){o=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("email",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,o}if("PhoneBlock"==t.name){o=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("tel",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,o}if("DateBlock"==t.name){o=u.default.createElement("div",null,u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":t.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:t.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value||e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return R("date",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/date.svg")})));return e.DateBlock+=1,o}if("LinkButtonBlock"==t.name)return u.default.createElement("div",{key:a},u.default.createElement("a",{target:t.data.newtab?"blank":"parrent",href:t.data.url,style:{textDecoration:"none"}},u.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(b),onClick:function(){null==d||d(),null==s||s()}},t.data.value)));if("CheckboxBlock"==t.name){var r=t.data,i=r.listQuestion,c=r.isSendMailChimp,m=void 0!==c&&c;o=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),u.default.createElement("div",{className:"mailchimp-".concat(t.data.value),"data-mailchimp":m}),i.map((function(a,l){return u.default.createElement("label",{key:l,className:"lead-checkbox-container"},u.default.createElement("input",{"data-key":t.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:a.value,type:"checkbox",onChange:function(e){return R("checkbox",e)}}),u.default.createElement("span",{className:"lead-checkbox-checkmark"}),a.placeholder)})));return e.CheckboxBlock+=1,o}if("RadioBlock"==t.name){i=t.data.listQuestion,o=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),i.map((function(a,l){return u.default.createElement("label",{className:"lead-radio-container",key:l},u.default.createElement("input",{"data-key":t.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:a.value,type:"radio",onChange:function(e){return R("radio",e)}}),u.default.createElement("span",{className:"lead-radio-checkmark"}),a.placeholder)})));return e.RadioBlock+=1,o}if("DropdownBlock"==t.name){i=t.data.listQuestion,o=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),u.default.createElement("div",{className:"le-newbuilder-select-wrapper"},u.default.createElement("select",{className:"le-newbuilder-select","data-key":t.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},i.map((function(e,t){return u.default.createElement("option",{key:t,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,o}}))}),[]),W=u.default.createElement(u.default.Fragment,null,u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(g,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),u.default.createElement("div",{id:i,"data-popup-url":I,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(M?"le-buider-inline":""," ").concat(D?"le-buider-slider":"")},"Fullscreen"==h?u.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:v||""}):null,u.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(h)},u.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(h)},C?u.default.createElement(N,{title:C.title,titleAlign:C.titleAlign,subtitle:C.subtitle,subtitleAlign:C.subtitleAlign,link:C.link,linkNewTab:C.linkNewTab,linkText:C.linkText,image:C.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(h)?m?u.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:m,alt:""}):null:u.default.createElement(u.default.Fragment,null,p?u.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,m?u.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:m,alt:""}):null)),u.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},u.default.createElement("form",{className:"lead-modal__form ".concat(i),onSubmit:_},u.default.createElement("div",{style:{marginBottom:20}},u.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=L.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(b)},k),u.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(n=L.titleBlock.data)||void 0===n?void 0:n.align)," ").concat(b)},L.subtitleBlock.data.value)),u.default.createElement("div",null,U),(null===(r=null==B?void 0:B.submitBlock)||void 0===r?void 0:r.isHide)?null:u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:V,onChange:function(e){return F(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},A," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:P||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},O)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!V},q)))))),!h.includes("Inline")&&u.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==h?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(b),onClick:d},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return h.includes("LightBox")||"Fullscreen"==h||"Slider"==h?W:"Sidebar"==h?u.default.createElement(x,{content:W}):h.includes("Inline")?u.default.createElement(w,{content:W,inlinePosition:c.popupInlinePosition}):null},S=function(e){var t=e.popupId,a=e.link,l=e.linkText,n=e.linkNewTab,o=e.onClose,r=e.imageMobile,i=e.imageDesktop,c=e.currentLayout,d=e.onOtherSubmit,s=location.pathname;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==c?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-skin-a-desktop"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:i}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},l)),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b)},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==c?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:""},u.default.createElement("div",{style:{position:"relative",zIndex:1e4}},u.default.createElement("img",{src:i,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",onClose:o})))):null,u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-skin-mobile"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:r,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:o})))))},T=function(e){var t=e.popupId,a=e.url,l=e.newTab,n=e.image,o=e.onClose,r=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},u.default.createElement("div",{className:"le-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{href:a,target:l?"blank":"_parent",onClick:r},u.default.createElement("img",{className:"js-popup-other-submit",src:n})),u.default.createElement(m,{onClose:o,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var B=function(e){var a,l,i=e.campaign,c=e.action,d=e.onSubmit,s=e.onClose,m=e.showThankyou;o.useTranslations().t;var g=t.useContext(E),v=g.apiUrl,h=g.siteDomain;t.useEffect((function(){var e=r.getCookie("_ga")||null;fetch("".concat(v,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:c,url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),ga_client_id:e})})}),[]);var b=i.extra_fields,k=i.image,_=i.image_desktop,y=i.code,N=i.image_background,w=i.image_overlay_mobile,x=i.image_overlay_desktop,B=b.currentLayout,L=b.imageBlocks?JSON.parse(b.imageBlocks):{},j=JSON.parse(b.actionBlocks),P=JSON.parse(b.textBlocks),A=(null===(l=null===(a=null==P?void 0:P.titleBlock)||void 0===a?void 0:a.data)||void 0===l?void 0:l.value)||"",O={1:{},2:{},3:{}},q=t.useRef("lead-modal-"+n.v1()),I=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(A);if(I){console.log("⚡️ Has categoryLevel",I);var M=Array.from(document.getElementsByTagName("META")),D=M.find((function(e){return e.name==="content_category_".concat(I)})),H=M.find((function(e){return e.name==="content_category_en_".concat(I)}));if(!D||!H)return console.log("⚡️ No META TAG for categoryLevel, not show popup",I),null;O[I]={value:D.content,value_en:H.content},A=A.replace("{{category_".concat(I,"}}"),D.content),console.log("⚡️ Set categoryData ",I)}else console.log("⚡️ No categoryLevel",I);var V=function(){var e,t,a,l;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),B.includes("Skin")){var n=document.querySelector("#masthead");n&&(n.style.top="0px !important;")}var o=Number(null!==(t=null===(e=i.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==t?t:7),c=Number(null!==(l=null===(a=i.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===a?void 0:a.value)&&void 0!==l?l:0);0===c&&(console.log("⛔ Popup never show again!"),r.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==c&&(console.log("⌛ Popup will show again after ".concat(o," days!")),r.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+h,days:o,path:"/"}));var d=r.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:r.getCookie("hhg-id"),ga_client_id:d};I&&(u.category=O[I].value_en),fetch("".concat(v,"api/campaign/").concat(y,"/lead"),{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==s||s()};return"CenterTab"===B?u.default.createElement(p,{popupId:q.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,imageMobile:k,imageDestkop:_,onClose:s,onOtherSubmit:V}):"Tab"===B?u.default.createElement(T,{popupId:q.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,image:k,onClose:s,onOtherSubmit:V}):"Floating"===B?u.default.createElement(f,{popupId:q.current,title:A,titleAlign:P.titleBlock.data.align,subtitle:P.subtitleBlock.data.value,subtitleAlign:P.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:k,imageDesktop:_,onClose:s,onOtherSubmit:V}):B.includes("LightBox")||B.includes("Inline")||"Fullscreen"==B||"Sidebar"==B||"Slider"==B?u.default.createElement(C,{popupId:q.current,extraFields:b,onClose:s,onOtherSubmit:V,imageMobile:k,imageDesktop:_,imageBackground:N,currentLayout:B,title:A,onSubmit:function(e){return d(e,I,O,q.current)},key:B,imageOverlayDesktop:x,imageOverlayMobile:w,showThankyou:m}):B.includes("Skin")?u.default.createElement(S,{popupId:q.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:s,onOtherSubmit:V,imageMobile:k,imageDesktop:_,currentLayout:B}):null},L=function(a){var l=a.campaign,n=a.action,i=a.onSubmit,c=a.onClose,d=a.showThankyou,s=o.useTranslations().t,m=t.useState(!0),p=m[0],f=m[1];t.useEffect((function(){document.body.classList.add("noscroll");var e=r.getCookie("_ga")||null;fetch("".concat(T,"api/campaign/").concat(h,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:n||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),ga_client_id:e})})}),[]);var g=l.extra_fields,v=l.image,h=l.code,k=g.title,_=g.desc,w=g.submit,x=g.popUpTermURL,C=g.popUpTermAgreeText,S=g.popUpTermText,T=t.useContext(E).apiUrl,B=g.fields?JSON.parse(g.fields):[],L={tel:0,text:0,date:0,email:0},j=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(s("validator.required")),[3,5]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===t?a.target.setCustomValidity(s("validator.phone")):"date"===t?a.target.setCustomValidity(s("validator.date")):"email"===t&&a.target.setCustomValidity(s("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return e.sent().isValidNumber(String(a.target.value),y.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(s("validator.phone")),[3,5];case 4:a.target.setCustomValidity(""),e.label=5;case 5:return[2]}}))}))},P=B.map((function(e,t){var a=u.default.createElement(u.default.Fragment,null);return a="date"==e.control?u.default.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:L.date?e.control+L.date:e.control,placeholder:e.listEdit[1].value||"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(t){return j(e.control,t)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})):u.default.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:L[e.control]?e.control+L[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(t){return j(e.control,t)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(L.date+=1),"text"==e.control&&(L.text+=1),"tel"==e.control&&(L.tel+=1),"email"==e.control&&(L.email+=1),a}));return u.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},u.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},u.default.createElement("div",{className:"lead-modal__content"},d?u.default.createElement(N,{title:d.title,titleAlign:d.titleAlign,subtitle:d.subtitle,subtitleAlign:d.subtitleAlign,link:d.link,linkNewTab:d.linkNewTab,linkText:d.linkText,image:d.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},!!v&&u.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:v,alt:""})),u.default.createElement("div",{className:"lead-modal__body"},u.default.createElement("h2",{className:"lead-modal__title ".concat(b)},k),u.default.createElement("p",{className:"lead-modal__description ".concat(b)},_),u.default.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),i(e)}},P,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:p,onChange:function(e){return f(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},C," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:x||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!p},w))))),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b),onClick:c},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("title",null,"Close modal window"),u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},j=function(e){var t=e.campaign,a=e.action,l=e.onSubmit,n=e.onClose,o=e.showThankyou;return t.extra_fields?"2.1"==t.extra_fields.popupVersion?u.default.createElement(B,{campaign:t,action:a,onSubmit:l,onClose:n,showThankyou:o}):u.default.createElement(L,{campaign:t,action:a,onSubmit:l,onClose:n,showThankyou:o}):null},P={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},A={"en-PH":P,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":P},O=function(e){var t=A[e];return t||A["en-PH"]};var q=function(t){for(var a=e.__spreadArray([],t,!0),l=a.length-1;l>0;l--){var n=Math.floor(Math.random()*(l+1)),o=a[l];a[l]=a[n],a[n]=o}return a};function I(t){var a=t.leadApi,l=t.leadSiteId,o=t.leadDomain,i=t.onShowPopup,c=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:c,ga_client_id:r.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(t){var a,l,d;if(console.log("List campagin: ",t),k="https://"+location.hostname+location.pathname+location.search,1==t._status){var u=t._data.campaigns;r.getCookie("hhg-id")||(r.setCookie("hhg-id",n.v1(),{domain:"."+o,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?u.filter((function(e){return e.device_types.some((function(e){return e.id==h.MOBILE}))})):u.filter((function(e){return e.device_types.some((function(e){return e.id==h.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(t,a){return t.targets.filter((function(e){return e.type==g.LINKS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1);m=m.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(c===t.href):"start_with"==e.option?!!c.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(c):void 0}));var p=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),f=[];p&&p.length&&(f=s.map((function(t,a){return t.targets.filter((function(e){return e.type==g.TAGS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1).filter((function(e){return p.includes(e.target)})));var v=e.__spreadArray(e.__spreadArray([],m,!0),f,!0),b=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),_=b.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",_);var y=b.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",y);var E=e.__spreadArray(e.__spreadArray([],_,!0),y,!0),N=v.filter((function(e){return!E.some((function(t){return t.includes(s[e.campaignIndex].code)}))})),w=q(N);if(console.log("--listCampaignValid : ",w),w&&w.length){var x=s[w[0].campaignIndex];console.log("CAMPAIGN_SHOW",x);var C=x.rules,S=Number(null===(a=C.find((function(e){return"time"==e.rule})))||void 0===a?void 0:a.value);console.log("timeoutRule",S);var T=Number(null===(l=C.find((function(e){return"scroll"==e.rule})))||void 0===l?void 0:l.value);console.log("scrollRule",T);var B=Number(null===(d=C.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===d?void 0:d.value);console.log("excludeSponsored",B);var L=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",L),L&&B)return;var j="TIME";if(Number.isInteger(S)&&(j="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",S," seconds"),setTimeout((function(){null==i||i(x,j)}),1e3*S)),Number.isInteger(T)){j="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",T," %");var P=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),A=P.getBoundingClientRect().top,O=P.offsetHeight;console.log("👓 Element check scroll: ",P);var I=function(){var e=window.pageYOffset||document.documentElement.scrollTop,t=0;e>=A&&(t=Math.round((e-A)/(O-innerHeight)*100)),console.log("---Scroll",t,T),t>=T&&(window.removeEventListener("scroll",I),null==i||i(x,j))};window.addEventListener("scroll",I)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}exports.LeadGen=function(a){var n=a.apiUrl,o=a.siteDomain,d=a.siteId,m=a.locale,p=t.useRef(),f=t.useRef(Date.now()),g=t.useMemo((function(){var e=n;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[n,o,d]).apiUrl,v=t.useState(null),h=v[0],b=v[1],k=t.useState(""),_=k[0],N=k[1],w=t.useState(null),x=w[0],C=w[1],S=function(e,t){b(e),N(t)},T=function(){var e,t;if(h){console.log("👋👋👋 CLOSE POPUP ".concat(h.code," 👋👋👋"));var a=Number(null===(e=h.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),l=Number(null===(t=h.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===t?void 0:t.value);0==a&&(l?r.setCookie("lead_closed_".concat(h.code),"target_".concat(h.extra_fields.popupVersion),{domain:"."+o,days:l,path:"/"}):r.setCookie("lead_closed_".concat(h.code),"target_".concat(h.extra_fields.popupVersion),{domain:"."+o,path:"/"})),document.body.classList.remove("noscroll"),fetch("".concat(g,"api/campaign/").concat(h.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),duration:Math.ceil((Date.now()-f.current)/1e3)})}),b(null),C(null)}};t.useEffect((function(){if(window.next){var e=s.default((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;T(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length||I({leadApi:g,leadDomain:o,leadSiteId:d,onShowPopup:S}),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}I({leadApi:g,leadDomain:o,leadSiteId:d,onShowPopup:S})}),[]);return t.useEffect((function(){h&&(f.current=Date.now())}),[h]),u.default.createElement(E.Provider,{value:{apiUrl:g,siteDomain:o,siteId:d,locale:m}},u.default.createElement(c.TranslationsContext.Provider,{value:{locale:m,values:O(m)}},l.createPortal(u.default.createElement(u.default.Fragment,null,h&&u.default.createElement(j,{campaign:h,onClose:T,onSubmit:function(t,a,l,n){return e.__awaiter(void 0,void 0,void 0,(function(){var i,c,d,u,s,m,p,f,v,b,k,_,E,N,w,x,S,B,L,j,P,A,O,q,I,M,D,H,V,F,R,U,W,J;return e.__generator(this,(function(e){switch(e.label){case 0:return t.preventDefault(),console.log("submitHandler",a,l),i=new FormData(t.currentTarget),c={},i.forEach((function(e,t){c[t]=c[t]||[],c[t].push(e)})),d=Object.keys(c).map((function(e){return{name:e,value:String(c[e])}})),u=2,s=r.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:e.sent(),e.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:d.map((function(e){var t,a,l;return{key:null===(t=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"),value:(null==y?void 0:y.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==y?void 0:y.countryCodeNumber,u).replace(/\s+/g,""):e.value,control:e.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(l=document.querySelector(".lead-modal__form.".concat(n," .mailchimp-").concat(null===(a=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"))))||void 0===l?void 0:l.getAttribute("data-mailchimp"))||"false"}})),cookie_id:r.getCookie("hhg-id"),ga_client_id:s},a&&l[a].value_en&&(m.category=l[a].value_en),p=Number((null===(I=null===(q=h.rules)||void 0===q?void 0:q.find((function(e){return"days_to_show_again"===e.rule})))||void 0===I?void 0:I.value)||7),0==(f=Number((null===(D=null===(M=h.rules)||void 0===M?void 0:M.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===D?void 0:D.value)||0))&&(console.log("⛔ Popup never show again!"),r.setCookie("lead_submited_".concat(h.code),"target_".concat(h.extra_fields.targetType),{domain:"."+o,path:"/"})),1==f&&(console.log("⌛ Popup will show again after ".concat(p," days!")),r.setCookie("lead_submited_".concat(h.code),"target_".concat(h.extra_fields.targetType),{domain:"."+o,days:p,path:"/"})),fetch("".concat(g,"api/campaign/").concat(h.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==h.extra_fields.popupShowThankYou?(T(),document.body.classList.remove("noscroll"),[2]):(v=!0,b=h.thank_you_image||"".concat(g,"admin/img/thanksyou.png"),k=h.extra_fields.popupThankyouTitle||"Thank you.",_=h.extra_fields.popupThankyouDesc||"We appreciate your time!",E="",N="",S="","2.1"==h.extra_fields.popupVersion&&(B=h.extra_fields,L=JSON.parse(B.listBlockThankyou),j=L.find((function(e){return"TitleBlock"==e.name})),P=L.find((function(e){return"SubtitleBlock"==e.name})),A=L.find((function(e){return"LinkButtonBlock"==e.name})),k=(null===(H=null==j?void 0:j.data)||void 0===H?void 0:H.value)||"",E=(null===(V=null==j?void 0:j.data)||void 0===V?void 0:V.align)||"",_=(null===(F=null==P?void 0:P.data)||void 0===F?void 0:F.value)||"",N=(null===(R=null==P?void 0:P.data)||void 0===R?void 0:R.align)||"",w=(null===(U=null==A?void 0:A.data)||void 0===U?void 0:U.value)||"",x=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.newtab)||!1,S=(null===(J=null==A?void 0:A.data)||void 0===J?void 0:J.url)||"",O=h.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(O)&&(v=!1)),C(v?{title:k,titleAlign:E,subtitle:_,subtitleAlign:N,link:S,linkNewTab:x,linkText:w,image:b}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},d.map((function(e){var t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:_,showThankyou:x})),i.getPopupWrapperDom())))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-4e0178b0.js"),t=require("react"),a=require("lodash/debounce"),l=require("react-dom"),n=require("uuid"),o=require("./useTranslations-c45bd644.js"),r=require("./cookieHelper-5216ed63.js");require("dayjs"),require("./screenSizeContext-8718eb2d.js"),require("./lazyLoad-22d03412.js"),require("styled-components"),require("./index-42c16c50.js");var i=require("./utils-23712f58.js");require("./isProduction-ff337100.js"),require("./Locale-ddb9cbd0.js"),require("./gAssets.js");var c=require("./translationsContext-4f724422.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("string-format"),require("lodash/throttle"),require("vanilla-lazyload");var u=d(t),s=d(a),m=function(e){var t=e.onClose,a=e.containerClassName,l=e.svgClassName;return u.default.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a||"")},u.default.createElement("svg",{className:"le-newbuilder-close-svg ".concat(l||""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},u.default.createElement("defs",null,u.default.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},u.default.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),u.default.createElement("feFlood",{floodOpacity:".4"}),u.default.createElement("feComposite",{in2:"blur",operator:"in"}),u.default.createElement("feComposite",{in:"SourceGraphic"})),u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),u.default.createElement("g",{filter:"url(#Ellipse_482)"},u.default.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),u.default.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),u.default.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},p=function(e){var t=e.popupId,a=e.url,l=e.newTab,n=e.imageDestkop,o=e.imageMobile,r=e.onClose,i=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},u.default.createElement("div",{className:"le-center-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{className:"js-popup-other-submit",href:a,target:l?"blank":"_parent",onClick:i},u.default.createElement("img",{className:"le-only-mobile",src:o}),u.default.createElement("img",{className:"le-only-desktop",src:n})),u.default.createElement(m,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},f=function(e){var t=e.popupId,a=e.url,l=e.title,n=e.urlText,o=e.titleAlign,r=e.subtitle,i=e.subtitleAlign,c=e.newTab,d=e.imageDesktop,s=e.imageMobile,p=e.onClose,f=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-floating-desktop"},u.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?u.default.createElement("div",null,u.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:d})):null,u.default.createElement("div",{style:{padding:20}},u.default.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(i)},r)),u.default.createElement("a",{target:c?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n)),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-floating-mobile"},u.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},u.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},u.default.createElement("div",null,u.default.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(o)},l),u.default.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(i)},r)),s?u.default.createElement("div",null,u.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),u.default.createElement("div",{style:{textAlign:"center",marginTop:10}},u.default.createElement("a",{target:c?"blank":"_parent",href:a,style:{textDecoration:"none"}},u.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:f},n))),u.default.createElement(m,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},g={LINKS:1,TAGS:2},v="https://dev.leadgen.hellobacsi.com/",h={MOBILE:1,DESKTOP:2},b="";v.includes("localhost")&&(v="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(b="pink");var k="https://"+location.hostname+location.pathname+location.search;k=k.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var _={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},y=_[document.documentElement.lang]||_["vi-VN"];var E=t.createContext({}),N=function(e){var t=e.title,a=e.titleAlign,l=e.subtitle,n=e.subtitleAlign,o=e.link,r=e.linkNewTab,i=e.linkText,c=e.image;return u.default.createElement("div",{className:"lead-modal__thank-you"},u.default.createElement("div",{style:{width:"100%"}},u.default.createElement("img",{src:c,style:{maxHeight:162,objectFit:"cover"}}),t&&u.default.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),l&&u.default.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(n)},l),i&&u.default.createElement("div",null,u.default.createElement("a",{href:o,target:r?"_blank":"parrent",rel:"noreferrer"},u.default.createElement("button",{className:"lead-modal__btn ".concat(b)},i)))))},w=function(a){var n=a.content,o=a.inlinePosition,r=t.useMemo((function(){if(!o)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e.__spreadArray(e.__spreadArray([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var l=a.filter((function(e){return"P"===e.nodeName})),n=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(o){case"1th":r=l[0];break;case"2th":r=l[1];break;case"3th":r=l[2];break;case"4th":r=l[3];break;case"5th":r=l[4];break;case"6th":r=l[5];break;case"7th":r=l[6];break;case"8th":r=l[7];break;case"9th":r=l[8];break;case"10th":r=l[9];break;case"11th":r=l[10];break;case"12th":r=l[11];break;case"lastP":r=l[l.length-1];break;case"1thH2":r=n[0];break;case"2thH2":r=n[1];break;case"3thH2":r=n[2];break;case"4thH2":r=n[3];break;case"5thH2":r=n[4];break;case"6thH2":r=n[5];break;case"7thH2":r=n[6];break;case"8thH2":r=n[7];break;case"9thH2":r=n[8];break;case"10thH2":r=n[9];break;case"lastH2":r=n[n.length-1]}if(r){if(r.parentElement.querySelector(".inline-lead-wrapper"))return r.parentElement.querySelector(".inline-lead-wrapper");var i=document.createElement("div");return i.classList.add("inline-lead-wrapper"),r.nextElementSibling?r.parentElement.insertBefore(i,r.nextElementSibling):r.parentElement.appendChild(i),i}}}),[o]);return o&&r?l.createPortal(n,r):null},x=function(e){var a=e.content,n=t.useMemo((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return u.default.createElement(u.default.Fragment,null,n.map((function(e){return l.createPortal(a,i.getWrapperDomWithSelector(e,"sidebar-lead-modal-wrapper"))})))},C=function(a){var l,n,r,i=a.popupId,c=a.extraFields,d=a.onClose,s=a.onOtherSubmit,m=a.imageMobile,p=a.imageDesktop,f=a.imageOverlayMobile,g=a.imageOverlayDesktop,v=a.imageBackground,h=a.currentLayout,k=a.title,_=a.onSubmit,C=a.showThankyou,S=o.useTranslations().t,T=JSON.parse(c.listBlockAdded),B=JSON.parse(c.actionBlocks),L=JSON.parse(c.textBlocks),j=t.useContext(E).apiUrl,P=B.submitBlock.data.url,A=B.submitBlock.data.text,O=B.submitBlock.data.text2,q=B.submitBlock.data.value,I=location.pathname,M=h.includes("Inline")||"Sidebar"===h,D="Slider"===h,H=t.useState(!0),V=H[0],F=H[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(h))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((function(){(h.includes("LightBox")||"Fullscreen"==h)&&document.body.classList.add("noscroll")}),[]);var R=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(S("validator.required")),[3,6]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===t?a.target.setCustomValidity(S("validator.phone")):"date"===t?a.target.setCustomValidity(S("validator.date")):"email"===t&&a.target.setCustomValidity(S("validator.email")),[3,6]);case 2:return"tel"!==t?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:e.sent(),e.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(a.target.value),y.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(S("validator.phone")),[3,6];case 5:a.target.setCustomValidity(""),e.label=6;case 6:return[2]}}))}))},U=t.useMemo((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return T.map((function(t,a){var l,n;if("TitleBlock"==t.name)return u.default.createElement("h2",{key:a,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=t.data)||void 0===l?void 0:l.align)||"")," ").concat(b)},t.data.value);if("SubtitleBlock"==t.name)return u.default.createElement("p",{key:a,className:"lead-modal__description ".concat("le-text-align-"+((null===(n=t.data)||void 0===n?void 0:n.align)||"")," ").concat(b)},t.data.value);if("TextBlock"==t.name)return e.TextBlock+=1,u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("text",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/text.svg")})));if("NumberBlock"==t.name){var o=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("number",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,o}if("EmailBlock"==t.name){o=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("email",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,o}if("PhoneBlock"==t.name){o=u.default.createElement("div",{key:a},u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":t.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:t.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return R("tel",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,o}if("DateBlock"==t.name){o=u.default.createElement("div",null,u.default.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":t.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:t.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value||e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return R("date",e)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/date.svg")})));return e.DateBlock+=1,o}if("LinkButtonBlock"==t.name)return u.default.createElement("div",{key:a},u.default.createElement("a",{target:t.data.newtab?"blank":"parrent",href:t.data.url,style:{textDecoration:"none"}},u.default.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(b),onClick:function(){null==d||d(),null==s||s()}},t.data.value)));if("CheckboxBlock"==t.name){var r=t.data,i=r.listQuestion,c=r.isSendMailChimp,m=void 0!==c&&c;o=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),u.default.createElement("div",{className:"mailchimp-".concat(t.data.value),"data-mailchimp":m}),i.map((function(a,l){return u.default.createElement("label",{key:l,className:"lead-checkbox-container"},u.default.createElement("input",{"data-key":t.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:a.value,type:"checkbox",onChange:function(e){return R("checkbox",e)}}),u.default.createElement("span",{className:"lead-checkbox-checkmark"}),a.placeholder)})));return e.CheckboxBlock+=1,o}if("RadioBlock"==t.name){i=t.data.listQuestion,o=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),i.map((function(a,l){return u.default.createElement("label",{className:"lead-radio-container",key:l},u.default.createElement("input",{"data-key":t.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:a.value,type:"radio",onChange:function(e){return R("radio",e)}}),u.default.createElement("span",{className:"lead-radio-checkmark"}),a.placeholder)})));return e.RadioBlock+=1,o}if("DropdownBlock"==t.name){i=t.data.listQuestion,o=u.default.createElement("div",{key:a,style:{margin:"5px 0"}},u.default.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),u.default.createElement("div",{className:"le-newbuilder-select-wrapper"},u.default.createElement("select",{className:"le-newbuilder-select","data-key":t.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},i.map((function(e,t){return u.default.createElement("option",{key:t,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,o}}))}),[]),W=u.default.createElement(u.default.Fragment,null,u.default.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(g,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),u.default.createElement("div",{id:i,"data-popup-url":I,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(M?"le-buider-inline":""," ").concat(D?"le-buider-slider":"")},"Fullscreen"==h?u.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:v||""}):null,u.default.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(h)},u.default.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(h)},C?u.default.createElement(N,{title:C.title,titleAlign:C.titleAlign,subtitle:C.subtitle,subtitleAlign:C.subtitleAlign,link:C.link,linkNewTab:C.linkNewTab,linkText:C.linkText,image:C.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(h)?m?u.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:m,alt:""}):null:u.default.createElement(u.default.Fragment,null,p?u.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:p,alt:""}):null,m?u.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:m,alt:""}):null)),u.default.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},u.default.createElement("form",{className:"lead-modal__form ".concat(i),onSubmit:_},u.default.createElement("div",{style:{marginBottom:20}},u.default.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=L.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(b)},k),u.default.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(n=L.titleBlock.data)||void 0===n?void 0:n.align)," ").concat(b)},L.subtitleBlock.data.value)),u.default.createElement("div",null,U),(null===(r=null==B?void 0:B.submitBlock)||void 0===r?void 0:r.isHide)?null:u.default.createElement(u.default.Fragment,null,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:V,onChange:function(e){return F(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},A," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:P||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},O)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!V},q)))))),!h.includes("Inline")&&u.default.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==h?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(b),onClick:d},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return h.includes("LightBox")||"Fullscreen"==h||"Slider"==h?W:"Sidebar"==h?u.default.createElement(x,{content:W}):h.includes("Inline")?u.default.createElement(w,{content:W,inlinePosition:c.popupInlinePosition}):null},S=function(e){var t=e.popupId,a=e.link,l=e.linkText,n=e.linkNewTab,o=e.onClose,r=e.imageMobile,i=e.imageDesktop,c=e.currentLayout,d=e.onOtherSubmit,s=location.pathname;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==c?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:"le-skin-a-desktop"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:i}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},l)),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b)},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==c?u.default.createElement("aside",{className:"le-only-desktop"},u.default.createElement("div",{className:""},u.default.createElement("div",{style:{position:"relative",zIndex:1e4}},u.default.createElement("img",{src:i,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",onClose:o})))):null,u.default.createElement("aside",{className:"le-only-mobile"},u.default.createElement("div",{className:"le-skin-mobile"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("img",{src:r,style:{width:"100%"}}),u.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:n?"blank":"_parent"},u.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),u.default.createElement(m,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:o})))))},T=function(e){var t=e.popupId,a=e.url,l=e.newTab,n=e.image,o=e.onClose,r=e.onOtherSubmit;return u.default.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},u.default.createElement("div",{className:"le-tab-popup"},u.default.createElement("div",{style:{position:"relative"}},u.default.createElement("a",{href:a,target:l?"blank":"_parent",onClick:r},u.default.createElement("img",{className:"js-popup-other-submit",src:n})),u.default.createElement(m,{onClose:o,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var B=function(e){var a,l,i=e.campaign,c=e.action,d=e.onSubmit,s=e.onClose,m=e.showThankyou;o.useTranslations().t;var g=t.useContext(E),v=g.apiUrl,h=g.siteDomain;t.useEffect((function(){var e=r.getCookie("_ga")||null;fetch("".concat(v,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:c,url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),ga_client_id:e})})}),[]);var b=i.extra_fields,k=i.image,_=i.image_desktop,y=i.code,N=i.image_background,w=i.image_overlay_mobile,x=i.image_overlay_desktop,B=b.currentLayout,L=b.imageBlocks?JSON.parse(b.imageBlocks):{},j=JSON.parse(b.actionBlocks),P=JSON.parse(b.textBlocks),A=(null===(l=null===(a=null==P?void 0:P.titleBlock)||void 0===a?void 0:a.data)||void 0===l?void 0:l.value)||"",O={1:{},2:{},3:{}},q=t.useRef("lead-modal-"+n.v1()),I=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(A);if(I){console.log("⚡️ Has categoryLevel",I);var M=Array.from(document.getElementsByTagName("META")),D=M.find((function(e){return e.name==="content_category_".concat(I)})),H=M.find((function(e){return e.name==="content_category_en_".concat(I)}));if(!D||!H)return console.log("⚡️ No META TAG for categoryLevel, not show popup",I),null;O[I]={value:D.content,value_en:H.content},A=A.replace("{{category_".concat(I,"}}"),D.content),console.log("⚡️ Set categoryData ",I)}else console.log("⚡️ No categoryLevel",I);var V=function(){var e,t,a,l;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),B.includes("Skin")){var n=document.querySelector("#masthead");n&&(n.style.top="0px !important;")}var o=Number(null!==(t=null===(e=i.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==t?t:7),c=Number(null!==(l=null===(a=i.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===a?void 0:a.value)&&void 0!==l?l:0);0===c&&(console.log("⛔ Popup never show again!"),r.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==c&&(console.log("⌛ Popup will show again after ".concat(o," days!")),r.setCookie("lead_submited_".concat(y),"target_".concat(b.popupVersion),{domain:"."+h,days:o,path:"/"}));var d=r.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:r.getCookie("hhg-id"),ga_client_id:d};I&&(u.category=O[I].value_en),fetch("".concat(v,"api/campaign/").concat(y,"/lead"),{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==s||s()};return"CenterTab"===B?u.default.createElement(p,{popupId:q.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,imageMobile:k,imageDestkop:_,onClose:s,onOtherSubmit:V}):"Tab"===B?u.default.createElement(T,{popupId:q.current,url:L.imageMobile.data.url,newTab:L.imageMobile.data.newtab,image:k,onClose:s,onOtherSubmit:V}):"Floating"===B?u.default.createElement(f,{popupId:q.current,title:A,titleAlign:P.titleBlock.data.align,subtitle:P.subtitleBlock.data.value,subtitleAlign:P.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:k,imageDesktop:_,onClose:s,onOtherSubmit:V}):B.includes("LightBox")||B.includes("Inline")||"Fullscreen"==B||"Sidebar"==B||"Slider"==B?u.default.createElement(C,{popupId:q.current,extraFields:b,onClose:s,onOtherSubmit:V,imageMobile:k,imageDesktop:_,imageBackground:N,currentLayout:B,title:A,onSubmit:function(e){return d(e,I,O,q.current)},key:B,imageOverlayDesktop:x,imageOverlayMobile:w,showThankyou:m}):B.includes("Skin")?u.default.createElement(S,{popupId:q.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:s,onOtherSubmit:V,imageMobile:k,imageDesktop:_,currentLayout:B}):null},L=function(a){var l=a.campaign,n=a.action,i=a.onSubmit,c=a.onClose,d=a.showThankyou,s=o.useTranslations().t,m=t.useState(!0),p=m[0],f=m[1];t.useEffect((function(){document.body.classList.add("noscroll");var e=r.getCookie("_ga")||null;fetch("".concat(T,"api/campaign/").concat(h,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:n||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),ga_client_id:e})})}),[]);var g=l.extra_fields,v=l.image,h=l.code,k=g.title,_=g.desc,w=g.submit,x=g.popUpTermURL,C=g.popUpTermAgreeText,S=g.popUpTermText,T=t.useContext(E).apiUrl,B=g.fields?JSON.parse(g.fields):[],L={tel:0,text:0,date:0,email:0},j=function(t,a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(s("validator.required")),[3,5]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===t?a.target.setCustomValidity(s("validator.phone")):"date"===t?a.target.setCustomValidity(s("validator.date")):"email"===t&&a.target.setCustomValidity(s("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return e.sent().isValidNumber(String(a.target.value),y.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(s("validator.phone")),[3,5];case 4:a.target.setCustomValidity(""),e.label=5;case 5:return[2]}}))}))},P=B.map((function(e,t){var a=u.default.createElement(u.default.Fragment,null);return a="date"==e.control?u.default.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:L.date?e.control+L.date:e.control,placeholder:e.listEdit[1].value||"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(t){return j(e.control,t)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})):u.default.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},u.default.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:L[e.control]?e.control+L[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(t){return j(e.control,t)}}),u.default.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(L.date+=1),"text"==e.control&&(L.text+=1),"tel"==e.control&&(L.tel+=1),"email"==e.control&&(L.email+=1),a}));return u.default.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},u.default.createElement("div",{className:"lead-modal__wrapper animate__animated "},u.default.createElement("div",{className:"lead-modal__content"},d?u.default.createElement(N,{title:d.title,titleAlign:d.titleAlign,subtitle:d.subtitle,subtitleAlign:d.subtitleAlign,link:d.link,linkNewTab:d.linkNewTab,linkText:d.linkText,image:d.image}):u.default.createElement(u.default.Fragment,null,u.default.createElement("header",{className:"lead-modal__header"},!!v&&u.default.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:v,alt:""})),u.default.createElement("div",{className:"lead-modal__body"},u.default.createElement("h2",{className:"lead-modal__title ".concat(b)},k),u.default.createElement("p",{className:"lead-modal__description ".concat(b)},_),u.default.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),i(e)}},P,u.default.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(b)},u.default.createElement("div",{className:"lead-modal__checkbox"},u.default.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(b),type:"checkbox","aria-label":"Checkbox label",checked:p,onChange:function(e){return f(e.currentTarget.checked)}}),u.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),u.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},C," ",u.default.createElement("span",{style:{fontWeight:"bold"}},u.default.createElement("a",{target:"blank",href:x||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),u.default.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(b),disabled:!p},w))))),u.default.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(b),onClick:c},u.default.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},u.default.createElement("title",null,"Close modal window"),u.default.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},u.default.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),u.default.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},j=function(e){var t=e.campaign,a=e.action,l=e.onSubmit,n=e.onClose,o=e.showThankyou;return t.extra_fields?"2.1"==t.extra_fields.popupVersion?u.default.createElement(B,{campaign:t,action:a,onSubmit:l,onClose:n,showThankyou:o}):u.default.createElement(L,{campaign:t,action:a,onSubmit:l,onClose:n,showThankyou:o}):null},P={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},A={"en-PH":P,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":P},O=function(e){var t=A[e];return t||A["en-PH"]};var q=function(t){for(var a=e.__spreadArray([],t,!0),l=a.length-1;l>0;l--){var n=Math.floor(Math.random()*(l+1)),o=a[l];a[l]=a[n],a[n]=o}return a};function I(t){var a=t.leadApi,l=t.leadSiteId,o=t.leadDomain,i=t.onShowPopup,c=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:c,ga_client_id:r.getCookie("_ga")||null})}).then((function(e){return e.json()})).then((function(t){var a,l,d;if(console.log("List campagin: ",t),k="https://"+location.hostname+location.pathname+location.search,1==t._status){var u=t._data.campaigns;r.getCookie("hhg-id")||(r.setCookie("hhg-id",n.v1(),{domain:"."+o,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?u.filter((function(e){return e.device_types.some((function(e){return e.id==h.MOBILE}))})):u.filter((function(e){return e.device_types.some((function(e){return e.id==h.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(t,a){return t.targets.filter((function(e){return e.type==g.LINKS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1);m=m.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(c===t.href):"start_with"==e.option?!!c.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(c):void 0}));var p=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),f=[];p&&p.length&&(f=s.map((function(t,a){return t.targets.filter((function(e){return e.type==g.TAGS})).map((function(t){return e.__assign(e.__assign({},t),{campaignIndex:a})}))})).flat(1).filter((function(e){return p.includes(e.target)})));var v=e.__spreadArray(e.__spreadArray([],m,!0),f,!0),b=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),_=b.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",_);var y=b.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",y);var E=e.__spreadArray(e.__spreadArray([],_,!0),y,!0),N=v.filter((function(e){return!E.some((function(t){return t.includes(s[e.campaignIndex].code)}))})),w=q(N);if(console.log("--listCampaignValid : ",w),w&&w.length){var x=s[w[0].campaignIndex];console.log("CAMPAIGN_SHOW",x);var C=x.rules,S=Number(null===(a=C.find((function(e){return"time"==e.rule})))||void 0===a?void 0:a.value);console.log("timeoutRule",S);var T=Number(null===(l=C.find((function(e){return"scroll"==e.rule})))||void 0===l?void 0:l.value);console.log("scrollRule",T);var B=Number(null===(d=C.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===d?void 0:d.value);console.log("excludeSponsored",B);var L=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",L),L&&B)return;var j="TIME";if(Number.isInteger(S)&&(j="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",S," seconds"),setTimeout((function(){null==i||i(x,j)}),1e3*S)),Number.isInteger(T)){j="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",T," %");var P=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),A=P.getBoundingClientRect().top,O=P.offsetHeight;console.log("👓 Element check scroll: ",P);var I=function(){var e=window.pageYOffset||document.documentElement.scrollTop,t=0;e>=A&&(t=Math.round((e-A)/(O-innerHeight)*100)),console.log("---Scroll",t,T),t>=T&&(window.removeEventListener("scroll",I),null==i||i(x,j))};window.addEventListener("scroll",I)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}exports.LeadGen=function(a){var n=a.apiUrl,o=a.siteDomain,d=a.siteId,m=a.locale,p=t.useRef(),f=t.useRef(Date.now()),g=t.useMemo((function(){var e=n;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[n,o,d]).apiUrl,v=t.useState(null),h=v[0],b=v[1],k=t.useState(""),_=k[0],N=k[1],w=t.useState(null),x=w[0],C=w[1],S=function(e,t){b(e),N(t)},T=function(){var e,t;if(h){console.log("👋👋👋 CLOSE POPUP ".concat(h.code," 👋👋👋"));var a=Number(null===(e=h.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),l=Number(null===(t=h.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===t?void 0:t.value);0==a&&(l?r.setCookie("lead_closed_".concat(h.code),"target_".concat(h.extra_fields.popupVersion),{domain:"."+o,days:l,path:"/"}):r.setCookie("lead_closed_".concat(h.code),"target_".concat(h.extra_fields.popupVersion),{domain:"."+o,path:"/"})),document.body.classList.remove("noscroll"),fetch("".concat(g,"api/campaign/").concat(h.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:r.getCookie("hhg-id"),duration:Math.ceil((Date.now()-f.current)/1e3)})}),b(null),C(null)}};t.useEffect((function(){if(window.next){var e=s.default((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;T(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length||I({leadApi:g,leadDomain:o,leadSiteId:d,onShowPopup:S}),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}I({leadApi:g,leadDomain:o,leadSiteId:d,onShowPopup:S})}),[]);return t.useEffect((function(){h&&(f.current=Date.now())}),[h]),u.default.createElement(E.Provider,{value:{apiUrl:g,siteDomain:o,siteId:d,locale:m}},u.default.createElement(c.TranslationsContext.Provider,{value:{locale:m,values:O(m)}},l.createPortal(u.default.createElement(u.default.Fragment,null,h&&u.default.createElement(j,{campaign:h,onClose:T,onSubmit:function(t,a,l,n){return e.__awaiter(void 0,void 0,void 0,(function(){var i,c,d,u,s,m,p,f,v,b,k,_,E,N,w,x,S,B,L,j,P,A,O,q,I,M,D,H,V,F,R,U,W,J;return e.__generator(this,(function(e){switch(e.label){case 0:return t.preventDefault(),console.log("submitHandler",a,l),i=new FormData(t.currentTarget),c={},i.forEach((function(e,t){c[t]=c[t]||[],c[t].push(e)})),d=Object.keys(c).map((function(e){return{name:e,value:String(c[e])}})),u=2,s=r.getCookie("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:e.sent(),e.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:d.map((function(e){var t,a,l;return{key:null===(t=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"),value:(null==y?void 0:y.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==y?void 0:y.countryCodeNumber,u).replace(/\s+/g,""):e.value,control:e.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(l=document.querySelector(".lead-modal__form.".concat(n," .mailchimp-").concat(null===(a=document.querySelector(".lead-modal__form.".concat(n,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"))))||void 0===l?void 0:l.getAttribute("data-mailchimp"))||"false"}})),cookie_id:r.getCookie("hhg-id"),ga_client_id:s},a&&l[a].value_en&&(m.category=l[a].value_en),p=Number((null===(I=null===(q=h.rules)||void 0===q?void 0:q.find((function(e){return"days_to_show_again"===e.rule})))||void 0===I?void 0:I.value)||7),0==(f=Number((null===(D=null===(M=h.rules)||void 0===M?void 0:M.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===D?void 0:D.value)||0))&&(console.log("⛔ Popup never show again!"),r.setCookie("lead_submited_".concat(h.code),"target_".concat(h.extra_fields.targetType),{domain:"."+o,path:"/"})),1==f&&(console.log("⌛ Popup will show again after ".concat(p," days!")),r.setCookie("lead_submited_".concat(h.code),"target_".concat(h.extra_fields.targetType),{domain:"."+o,days:p,path:"/"})),fetch("".concat(g,"api/campaign/").concat(h.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==h.extra_fields.popupShowThankYou?(T(),document.body.classList.remove("noscroll"),[2]):(v=!0,b=h.thank_you_image||"".concat(g,"admin/img/thanksyou.png"),k=h.extra_fields.popupThankyouTitle||"Thank you.",_=h.extra_fields.popupThankyouDesc||"We appreciate your time!",E="",N="",S="","2.1"==h.extra_fields.popupVersion&&(B=h.extra_fields,L=JSON.parse(B.listBlockThankyou),j=L.find((function(e){return"TitleBlock"==e.name})),P=L.find((function(e){return"SubtitleBlock"==e.name})),A=L.find((function(e){return"LinkButtonBlock"==e.name})),k=(null===(H=null==j?void 0:j.data)||void 0===H?void 0:H.value)||"",E=(null===(V=null==j?void 0:j.data)||void 0===V?void 0:V.align)||"",_=(null===(F=null==P?void 0:P.data)||void 0===F?void 0:F.value)||"",N=(null===(R=null==P?void 0:P.data)||void 0===R?void 0:R.align)||"",w=(null===(U=null==A?void 0:A.data)||void 0===U?void 0:U.value)||"",x=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.newtab)||!1,S=(null===(J=null==A?void 0:A.data)||void 0===J?void 0:J.url)||"",O=h.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(O)&&(v=!1)),C(v?{title:k,titleAlign:E,subtitle:_,subtitleAlign:N,link:S,linkNewTab:x,linkText:w,image:b}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},d.map((function(e){var t=e.name,a=e.value;"tel"==t?window.insider_object.user.phone_number=a:"email"==t&&(window.insider_object.user.email=a)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:_,showThankyou:x})),i.getPopupWrapperDom())))};

package/build/mantine.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-0065074f.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-5d49a18f.js"),require("./lazyLoad-76f23903.js");var i=require("./theme-ee07bb4b.js");require("./index-01fbb796.js"),require("./utils-950aead5.js"),require("./isProduction-69fc41c0.js");var l=require("./Locale-a817e0b3.js"),s=require("./index-bfa673ca.js"),c=require("./useTranslations-231429a4.js"),d=require("./index-4de18a39.js"),u=require("@mantine/carousel"),m=require("./index-9c65be48.js"),p=require("@mantine/hooks"),f=require("./index-1a21b05f.js"),g=require("./defaultClassWrapper-a222d084.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/throttle"),require("vanilla-lazyload"),require("./translationsContext-8d6c61df.js"),require("string-format");var x,b,v,_,C=h(n),k=h(o),w=k.default(a.DatePicker)(b||(b=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(x||(x=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),E=k.default(a.DateRangePicker)(_||(_=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(v||(v=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),A=function(n){return C.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};A.Range=function(n){return C.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var y,S,j,L=k.default(t.Textarea)(y||(y=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),i.theme.colors.gray200),O=k.default(t.Modal)(S||(S=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),i.theme.colors.neutral100),M=k.default(t.Accordion)(j||(j=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(M,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};P.Control=t.Accordion.Control,P.Item=t.Accordion.Item,P.Panel=t.Accordion.Panel;var T=r.CommonGAssets.getAssetPath("avatar.jpg"),q=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};q.Slide=u.Carousel.Slide;var I=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};I.Group=t.Checkbox.Group;var z,B,R,D=k.default(t.Slider)(z||(z=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),G="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,G),F=k.default.div(B||(B=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),G),W=k.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),N=function(n){return C.default.createElement(W,e.__assign({size:"sm"},n))};N.Group=t.Radio.Group;var U,V,J=k.default(t.Switch)(U||(U=e.__makeTemplateObject(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),K=((V={})[l.LOCALE.Vietnam]="vi",V[l.LOCALE.Cambodia]="km",V[l.LOCALE.India]="hi",V[l.LOCALE.Indonesia]="id",V[l.LOCALE.Malaysia]="ms",V[l.LOCALE.Thailand]="th",V[l.LOCALE.Taiwan]="zh-tw",V[l.LOCALE.PhilippinesTagalog]="tl-ph",V[l.LOCALE.PhilippinesEnglish]="en",V[l.LOCALE.Myanmar]="my",V),Q=function(e){n.useEffect((function(){K[e]&&require("dayjs/locale/".concat(K[e],".js"))}),[e])},X={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},Y=function(n){return{datesLocale:K[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===l.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:X}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},X),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=m.CentralCarousel,exports.Accordion=P,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,s=void 0===l?56:l,c=n.children,d=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),u=function(){return C.default.createElement(t.Avatar,e.__assign({size:s,radius:"xl"},d),c||C.default.createElement("img",{src:T,width:s}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent"}}}),u()):u()},exports.Badge=function(n){var r=n.color,a=void 0===r?i.theme.colors.primaryBase:r,o=e.__rest(n,["color"]);return C.default.createElement(t.Badge,e.__assign({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},o))},exports.Carousel=q,exports.Checkbox=I,exports.DatePicker=A,exports.Indicator=function(n){return C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:i.theme.colors.red700}}},n))},exports.LoadingOverlay=function(n){return C.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:i.theme.colors.primaryBase}},n))},exports.MAPPED_LOCALE=K,exports.MantineProvider=function(n){var r=n.children,a=n.locale,o=e.__rest(n,["children","locale"]);return Q(a),C.default.createElement(t.MantineProvider,e.__assign({theme:Y(a)},o),r)},exports.Modal=function(n){var t=n.title,a=e.__rest(n,["title"]);return C.default.createElement(C.default.Fragment,null,C.default.createElement(O,e.__assign({centered:!0},a,{withCloseButton:!1,title:C.default.createElement(C.default.Fragment,null,t,C.default.createElement("img",{className:"mantine-Modal-close",src:r.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))},exports.Radio=N,exports.Select=function(n){var a=n.keepSearch,o=void 0!==a&&a,i=e.__rest(n,["keepSearch"]);return o?C.default.createElement(t.Autocomplete,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):C.default.createElement(t.Select,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(t){var r=t.color,a=void 0===r?i.theme.colors.primaryBase:r,o=t.withControl,l=t.onChange,s=t.value,c=t.min,u=t.max,m=t.isStatic,g=e.__rest(t,["color","withControl","onChange","value","min","max","isStatic"]),h=n.useState(s||c||0),x=h[0],b=h[1],v=p.useDebouncedValue(x,d.DEBOUNCED_TIME)[0];return n.useEffect((function(){null==l||l(v)}),[v]),C.default.createElement(F,null,o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return c&&e===c?e:e-1}))}},C.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},C.default.createElement("path",{d:"M1 1.004h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),C.default.createElement(H,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:x,onChange:m?function(){return null}:b,min:c,max:u},g)),o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return u&&e===u?e:e+1}))}},C.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},C.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(r){var a=r.children,o=r.line,l=r.lineHeight,d=r.trackingAttributes,u=r.maxHeight,m=r.customExpandFn,p=e.__rest(r,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),f=c.useTranslations().t,g=n.useMemo((function(){return u||(o&&l?o*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=n.useMemo((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return C.default.createElement(t.Spoiler,e.__assign({showLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},h,{onClick:m}),f("articlePage.readMore")),hideLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},h),f("articlePage.showLess"))},p,{maxHeight:g}),a)},exports.Switch=J,exports.TextArea=function(n){return C.default.createElement(L,e.__assign({minRows:2,maxRows:4},n))},exports.getMantineThemeOverride=Y,exports.useMantineLocale=Q;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-4e0178b0.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-8718eb2d.js"),require("./lazyLoad-22d03412.js");var i=require("./theme-789ac6c7.js");require("./index-42c16c50.js"),require("./utils-23712f58.js"),require("./isProduction-ff337100.js");var l=require("./Locale-ddb9cbd0.js"),s=require("./index-f0be7ea5.js"),c=require("./useTranslations-c45bd644.js"),d=require("./index-727b494f.js"),u=require("@mantine/carousel"),m=require("./index-ce59b19d.js"),p=require("@mantine/hooks"),f=require("./index-06f9004e.js"),g=require("./defaultClassWrapper-fc5878e8.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/throttle"),require("vanilla-lazyload"),require("./translationsContext-4f724422.js"),require("string-format");var x,b,v,_,C=h(n),k=h(o),w=k.default(a.DatePicker)(b||(b=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(x||(x=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),E=k.default(a.DateRangePicker)(_||(_=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(v||(v=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),A=function(n){return C.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};A.Range=function(n){return C.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var y,S,j,L=k.default(t.Textarea)(y||(y=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),i.theme.colors.gray200),O=k.default(t.Modal)(S||(S=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),i.theme.colors.neutral100),M=k.default(t.Accordion)(j||(j=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(M,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};P.Control=t.Accordion.Control,P.Item=t.Accordion.Item,P.Panel=t.Accordion.Panel;var T=r.CommonGAssets.getAssetPath("avatar.jpg"),q=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};q.Slide=u.Carousel.Slide;var I=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};I.Group=t.Checkbox.Group;var z,B,R,D=k.default(t.Slider)(z||(z=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),G="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,G),F=k.default.div(B||(B=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),G),W=k.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),N=function(n){return C.default.createElement(W,e.__assign({size:"sm"},n))};N.Group=t.Radio.Group;var U,V,J=k.default(t.Switch)(U||(U=e.__makeTemplateObject(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),K=((V={})[l.LOCALE.Vietnam]="vi",V[l.LOCALE.Cambodia]="km",V[l.LOCALE.India]="hi",V[l.LOCALE.Indonesia]="id",V[l.LOCALE.Malaysia]="ms",V[l.LOCALE.Thailand]="th",V[l.LOCALE.Taiwan]="zh-tw",V[l.LOCALE.PhilippinesTagalog]="tl-ph",V[l.LOCALE.PhilippinesEnglish]="en",V[l.LOCALE.Myanmar]="my",V),Q=function(e){n.useEffect((function(){K[e]&&require("dayjs/locale/".concat(K[e],".js"))}),[e])},X={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},Y=function(n){return{datesLocale:K[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===l.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:X}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},X),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=m.CentralCarousel,exports.Accordion=P,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,s=void 0===l?56:l,c=n.children,d=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),u=function(){return C.default.createElement(t.Avatar,e.__assign({size:s,radius:"xl"},d),c||C.default.createElement("img",{src:T,width:s}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent"}}}),u()):u()},exports.Badge=function(n){var r=n.color,a=void 0===r?i.theme.colors.primaryBase:r,o=e.__rest(n,["color"]);return C.default.createElement(t.Badge,e.__assign({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},o))},exports.Carousel=q,exports.Checkbox=I,exports.DatePicker=A,exports.Indicator=function(n){return C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:i.theme.colors.red700}}},n))},exports.LoadingOverlay=function(n){return C.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:i.theme.colors.primaryBase}},n))},exports.MAPPED_LOCALE=K,exports.MantineProvider=function(n){var r=n.children,a=n.locale,o=e.__rest(n,["children","locale"]);return Q(a),C.default.createElement(t.MantineProvider,e.__assign({theme:Y(a)},o),r)},exports.Modal=function(n){var t=n.title,a=e.__rest(n,["title"]);return C.default.createElement(C.default.Fragment,null,C.default.createElement(O,e.__assign({centered:!0},a,{withCloseButton:!1,title:C.default.createElement(C.default.Fragment,null,t,C.default.createElement("img",{className:"mantine-Modal-close",src:r.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))},exports.Radio=N,exports.Select=function(n){var a=n.keepSearch,o=void 0!==a&&a,i=e.__rest(n,["keepSearch"]);return o?C.default.createElement(t.Autocomplete,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):C.default.createElement(t.Select,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(t){var r=t.color,a=void 0===r?i.theme.colors.primaryBase:r,o=t.withControl,l=t.onChange,s=t.value,c=t.min,u=t.max,m=t.isStatic,g=e.__rest(t,["color","withControl","onChange","value","min","max","isStatic"]),h=n.useState(s||c||0),x=h[0],b=h[1],v=p.useDebouncedValue(x,d.DEBOUNCED_TIME)[0];return n.useEffect((function(){null==l||l(v)}),[v]),C.default.createElement(F,null,o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return c&&e===c?e:e-1}))}},C.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},C.default.createElement("path",{d:"M1 1.004h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),C.default.createElement(H,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:x,onChange:m?function(){return null}:b,min:c,max:u},g)),o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return u&&e===u?e:e+1}))}},C.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},C.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(r){var a=r.children,o=r.line,l=r.lineHeight,d=r.trackingAttributes,u=r.maxHeight,m=r.customExpandFn,p=e.__rest(r,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),f=c.useTranslations().t,g=n.useMemo((function(){return u||(o&&l?o*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=n.useMemo((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return C.default.createElement(t.Spoiler,e.__assign({showLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},h,{onClick:m}),f("articlePage.readMore")),hideLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},h),f("articlePage.showLess"))},p,{maxHeight:g}),a)},exports.Switch=J,exports.TextArea=function(n){return C.default.createElement(L,e.__assign({minRows:2,maxRows:4},n))},exports.getMantineThemeOverride=Y,exports.useMantineLocale=Q;