@hhgtech/hhg-components 1.25.15 → 1.25.17

package/build/index.styles-a38eaf42.js

@@ -0,0 +1,115 @@
+"use strict";var e=require("./tslib.es6-6cc6202d.js"),t=require("react"),r=require("dayjs"),l=require("./Onboarding-42d0015c.js");require("./screenSizeContext-a8d848ec.js");var n=require("styled-components"),a=require("./theme-7f938f51.js"),o=require("./index-07bd454b.js"),i=require("./utils-efe1a237.js");require("./isProduction-eb9ee7c9.js");var s=require("./gAssets.js"),c=require("@mantine/carousel"),d=require("@mantine/hooks"),h=require("@mantine/core"),m=require("@mantine/dates");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var g=u(t),f=p(t),v=u(r),E=u(n);const b=h.createEmotionCache({key:"mantine",prepend:!1}),z={[l.LOCALE.Vietnam]:"vi",[l.LOCALE.Cambodia]:"km",[l.LOCALE.India]:"hi",[l.LOCALE.Indonesia]:"id",[l.LOCALE.Malaysia]:"ms",[l.LOCALE.Thailand]:"th",[l.LOCALE.Taiwan]:"zh-tw",[l.LOCALE.PhilippinesTagalog]:"tl-ph",[l.LOCALE.PhilippinesEnglish]:"en",[l.LOCALE.Myanmar]:"my"},x={[l.LOCALE.Vietnam]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/vi.js"))})),[l.LOCALE.Cambodia]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/km.js"))})),[l.LOCALE.India]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/hi.js"))})),[l.LOCALE.Indonesia]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/id.js"))})),[l.LOCALE.Malaysia]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/ms.js"))})),[l.LOCALE.Thailand]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/th.js"))})),[l.LOCALE.Taiwan]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/zh-tw.js"))})),[l.LOCALE.PhilippinesTagalog]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/tl-ph.js"))})),[l.LOCALE.PhilippinesEnglish]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/en.js"))})),[l.LOCALE.Myanmar]:()=>Promise.resolve().then((function(){return p(require("dayjs/locale/my.js"))}))},y="100ms",C={"&:hover":{border:`1px solid ${a.theme.colors.primaryBase}`}},w=Object.assign({},{fontSize:{base:[16,16],lg:[18,16],md:[18,16],sm:[16,14],xs:[14,12],s1:[22,18],s2:[18,16],s3:[16,14],s4:[14,12],s5:[12,12],p1:[18,16],p2:[16,16],p3:[16,14],p4:[14,12],c1:[16,14],c2:[14,12],n1:[12,12],label1:[14,14],label2:[12,12]},lineHeight:{base:[24,24],lg:[32,28],md:[32,28],sm:[24,22],xs:[24,18],s1:[32,26],s2:[28,24],s3:[24,24],s4:[22,18],s5:[18,18],p1:[32,28],p2:[24,24],p3:[24,22],p4:[22,18],c1:[24,22],c2:[22,18],n1:[18,18],label1:[22,22],label2:[18,18]},letterSpacing:{lg:[-.2,0],md:[-.2,0],sm:[0,-.2],s1:[-.6,-.6],s2:[-.4,-.2],s3:[0,-.2],s4:[0,-.2],p1:[-.2,-.2],p2:[0,-.2],p3:[0,-.2],p4:[-.2,0],label1:[0,-.2]},fontWeight:{regular:400,semiBold:600,bold:700}}),M=[{size:40,lineHeight:"52px",letterSpacing:"-1.2px"},{size:32,lineHeight:"42px",letterSpacing:"-1px"},{size:26,lineHeight:"36px",letterSpacing:"-0.8px"},{size:22,lineHeight:"32px",letterSpacing:"-0.6px"},{size:18,lineHeight:"28px",letterSpacing:"-0.2px"},{size:16,lineHeight:"24px",letterSpacing:0}],k=[{size:26,lineHeight:"534px",letterSpacing:"-0.9px"},{size:24,lineHeight:"32px",letterSpacing:"-0.8px"},{size:20,lineHeight:"26px",letterSpacing:"-0.7px"},{size:18,lineHeight:"26px",letterSpacing:"-0.6px"},{size:16,lineHeight:"24px",letterSpacing:"-0.2px"},{size:14,lineHeight:"22px",letterSpacing:"-0.2px"}],S=(e=!1)=>Object.fromEntries((e?k:M).map(((e,t)=>[`&:is(h${t+1})`,{fontSize:e.size,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}]))),j={Title:{styles:{root:Object.assign(Object.assign({fontWeight:w.fontWeight.bold},S()),{[`&${i.MediaQueries.mbDown}`]:Object.assign({},S(!0))})}}},H={Radio:{styles:{radio:Object.assign(Object.assign({backgroundColor:"#ffffff"},C),{"&:checked":{backgroundColor:"#ffffff"}})}}},O={Tabs:{styles:{tabsList:{gap:16,borderBottom:"none"},tab:{padding:0,paddingBottom:8,color:a.theme.colors.gray400,"&:hover":{backgroundColor:"initial",border:"initial"},"&[data-active='true']":{color:a.theme.colors.primaryBase,borderColor:a.theme.colors.primaryBase}}}}};class L extends t.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("Uncaught error:",e,t)}render(){return this.state.hasError?this.props.fallback||g.default.createElement(g.default.Fragment,null):this.props.children}}const A=t=>{var{slidesToShow:r=1,children:l}=t,n=e.__rest(t,["slidesToShow","children"]);return(Array.isArray(l)?l.length:1)?g.default.createElement(L,null,g.default.createElement(c.Carousel,Object.assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},n),l)):null};A.Slide=c.Carousel.Slide;const P=c.Carousel.Slide,I=t.createContext({}),$=(e,t)=>e>=t?e-t:e,_=r=>{var{children:l,blurFromCenter:n,blurFromIndex:a,blurLength:o=3,maxBlurOpacity:i=.5,onSlideChange:s,selectSlideWhenClick:h}=r,m=e.__rest(r,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const[u,p]=d.useResizeObserver(),f=t.useRef(null),[v,E]=t.useState(0),b=()=>{var e,t,r;const l=null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.selectedScrollSnap();E(l);const s=(null===(t=null==f?void 0:f.current)||void 0===t?void 0:t.slideNodes())||[],c=s.length,d=(null===(r=null==f?void 0:f.current)||void 0===r?void 0:r.slidesInView()).length,h=Math.floor(d/2),m=n?a+o-1:h,u=l+m,p=u===c?0:u>c?u-c:u,g=l-m,v=g<0?c+g:g>0?l-m:0,b=Array(2*m+1).fill("").map(((e,t)=>$(v+t,c)));s.map(((e,t)=>{if(t===l?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==b.indexOf(t)){const l=i/o;for(let a=0;a<o;a++){if(t===$(v+a,c)||t===(n=c,(r=p-a)<0?n+r:r)){e.style.opacity=String((a+1)*l);break}e.style.opacity="1"}}else e.style.opacity="0";var r,n}))},z={getEmblaApi:e=>{f.current=e},onSlideChange:e=>{b(),null==s||s(e)}};return t.useEffect((()=>{(null==f?void 0:f.current)&&b()}),[p]),g.default.createElement(I.Provider,{value:{slider:null==f?void 0:f.current,centerSlide:v,selectSlideWhenClick:h}},g.default.createElement(c.Carousel,Object.assign({ref:u,slideSize:"auto",containScroll:"trimSnaps"},z,m,{loop:!0}),"function"==typeof l?l(v):l))};_.Slide=r=>{var{children:l,onClick:n,innerSlideProps:a}=r,o=e.__rest(r,["children","onClick","innerSlideProps"]);const{slider:i,selectSlideWhenClick:s}=t.useContext(I),c=t.useRef(),d=t.useRef(""),[h,m]=t.useState(0);t.useEffect((()=>{d.current=String(Math.round(1e4*Math.random()))}),[]),t.useEffect((()=>{const e=(null==i?void 0:i.slideNodes())||[];m(e.findIndex((e=>e.dataset.key===d.current)))}),[i]);const u={ref:c,"data-key":d.current,"data-index":h,styles:()=>({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 g.default.createElement(P,Object.assign({},u,o),g.default.createElement("div",Object.assign({onClick:()=>{s&&(null==i||i.scrollTo(h)),null==n||n(h)}},a),l))};const T=E.default(m.DatePicker)`
+  position: relative;
+  ${e=>e.fullWidth&&n.css`
+      .mantine-DatePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,N=E.default(m.DateRangePicker)`
+  position: relative;
+  ${e=>e.fullWidth&&n.css`
+      .mantine-DateRangePicker-dropdown {
+        min-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    `}
+`,R=e=>g.default.createElement(T,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:g.default.createElement(h.Image,{src:s.CommonGAssets.getAssetPath(e.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16})},e,{className:`input-control ${(null==e?void 0:e.className)||""}`}));R.Range=e=>g.default.createElement(N,Object.assign({size:"md",clearable:!1,fullWidth:!0,styles:{rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:g.default.createElement(h.Image,{src:s.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e));var B=h.createStyles(((e,t)=>{var r,l,n,a,o,i,s,c,d,h;const m=null===(r=w.fontSize[null==t?void 0:t.size])||void 0===r?void 0:r[0],u=null===(l=w.lineHeight[null==t?void 0:t.size])||void 0===l?void 0:l[0],p=null!==(o=null===(a=null===(n=w.letterSpacing)||void 0===n?void 0:n[null==t?void 0:t.size])||void 0===a?void 0:a[0])&&void 0!==o?o:0,g=null===(i=w.fontSize[null==t?void 0:t.size])||void 0===i?void 0:i[1],f=null===(s=w.lineHeight[null==t?void 0:t.size])||void 0===s?void 0:s[1],v=null!==(h=null===(d=null===(c=w.letterSpacing)||void 0===c?void 0:c[null==t?void 0:t.size])||void 0===d?void 0:d[1])&&void 0!==h?h:0;return{root:{fontWeight:w.fontWeight[t.weight],fontSize:`${m}px`,lineHeight:`${u}px`,letterSpacing:p,[e.fn.smallerThan("sm")]:{fontSize:`${g}px`,lineHeight:`${f}px`,letterSpacing:v},"&[data-event-category] > *":{pointerEvents:"none"}}}})),D=h.createStyles(((e,t)=>{const{size:r,variant:l,skipHover:n,isError:o,color:i}=t;return{rootCustom:Object.assign(Object.assign(Object.assign(Object.assign({transition:`all ${y} ease-in-out`,"&[data-event-category] > *":{pointerEvents:"none"}},(()=>{switch(r){case"lg":return{height:48,fontWeight:600,fontSize:"16px",lineHeight:"24px"};case"md":return{height:40,fontWeight:600,fontSize:"14px",lineHeight:"22px"};case"sm":return{height:32,fontWeight:600,fontSize:"14px",lineHeight:"22px"}}})()),(()=>{var t,r;switch(l){case"primary":return Object.assign({color:e.white,backgroundColor:e.fn.primaryColor()},!n&&{"&:hover":{backgroundColor:e.colors[e.primaryColor][7]}});case"secondary":return Object.assign({color:e.fn.primaryColor(),backgroundColor:e.white,border:`1px solid ${e.fn.primaryColor()}`},!n&&{"&:hover":{backgroundColor:e.colors[e.primaryColor][0],border:`1px solid ${e.fn.primaryColor()}`}});case"tertiary":return{color:a.theme.colors.gray800,backgroundColor:e.white,border:`1px solid ${a.theme.colors.neutral200}`,"&:hover":Object.assign({},n?{backgroundColor:e.white,border:`1px solid ${a.theme.colors.neutral200}`}:{backgroundColor:a.theme.colors.neutral50,border:`1px solid ${a.theme.colors.neutral50}`})};case"light":{const l=i||e.primaryColor;return{color:null===(r=null===(t=e.colors)||void 0===t?void 0:t[l])||void 0===r?void 0:r[Number(e.primaryShade)],backgroundColor:e.colors[l][0],border:"1px solid transparent","&:hover":Object.assign({},n?{backgroundColor:e.colors[l][0],border:"1px solid transparent"}:{backgroundColor:e.white,border:`1px solid ${e.colors[l][0]}`})}}case"ghost":return Object.assign({color:e.primaryColor,backgroundColor:"transparent",border:"1px solid transparent"},!n&&{"&:hover":{backgroundColor:e.colors[e.primaryColor][0],border:"1px solid transparent"}})}})()),{"&[data-disabled]":{backgroundColor:a.theme.colors.gray100,color:a.theme.colors.gray400}}),o?Object.assign({color:a.theme.colors.red600,backgroundColor:e.white,border:`1px solid ${a.theme.colors.red600}`},!n&&{"&:hover":{backgroundColor:a.theme.colors.red50,border:`1px solid ${a.theme.colors.red600}`}}):{})}}));const q=E.default(h.Textarea)`
+  .mantine-Textarea-input {
+    padding: 12px 16px;
+    background: #ffffff;
+    border: 1px solid ${a.theme.colors.gray200};
+    border-radius: 4px;
+  }
+`,W=E.default(h.Modal)`
+  .mantine-Modal-modal {
+    padding: 0;
+  }
+  .mantine-Modal-header {
+    border-bottom: 1px solid ${a.theme.colors.neutral100};
+    margin-right: 0;
+    margin-bottom: 0;
+    padding: 16px;
+  }
+  .mantine-Modal-title {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-right: 0;
+  }
+  .mantine-Modal-close {
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+  }
+`,V=E.default(h.Accordion)`
+  .mantine-Accordion-control {
+    &:hover {
+      background-color: transparent;
+    }
+  }
+  .mantine-Accordion-item {
+    .mantine-Accordion-chevron {
+      > div {
+        background-repeat: no-repeat;
+        width: 16px;
+        height: 16px;
+        background-position: center;
+        background-image: url(${e=>e.closeChevron||s.CommonGAssets.getAssetPath("plus-icon.svg")});
+      }
+    }
+    &[data-active='true'] {
+      .mantine-Accordion-chevron {
+        > div {
+          background-image: url(${e=>e.openChevron||s.CommonGAssets.getAssetPath("minus-icon.svg")});
+        }
+      }
+    }
+  }
+  .mantine-Accordion-panel {
+    border-radius: ${e=>e.theme.borderRadius};
+  }
+  .mantine-Accordion-content {
+    white-space: pre-wrap;
+  }
+`,G=t=>{var{children:r}=t,l=e.__rest(t,["children"]);return g.default.createElement(V,Object.assign({chevron:g.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},l),r)};G.Control=h.Accordion.Control,G.Item=h.Accordion.Item,G.Panel=h.Accordion.Panel;const F=s.CommonGAssets.getAssetPath("avatar.jpg"),U=s.CommonGAssets.getAssetPath("EyeVisible.svg"),Z=s.CommonGAssets.getAssetPath("EyeHidden.svg"),X=t.forwardRef(((t,r)=>{const{size:l="md",visibilityToggleIcon:n}=t,a=e.__rest(t,["size","visibilityToggleIcon"]),o=n||(({reveal:e,size:t})=>e?g.default.createElement("img",{src:U,width:t}):g.default.createElement("img",{src:Z,width:t}));return g.default.createElement(h.PasswordInput,Object.assign({ref:r,size:l,visibilityToggleIcon:o},a,{className:`input-control ${(null==a?void 0:a.className)||""}`}))})),K=t.forwardRef(((r,l)=>{var{value:n,onChange:a,onChangeRaw:o}=r,i=e.__rest(r,["value","onChange","onChangeRaw"]);const[s,c]=t.useState(n||""),[m]=d.useDebouncedValue(s,300);return t.useEffect((()=>{null==a||a(m)}),[m]),t.useEffect((()=>{c(n)}),[n]),g.default.createElement(h.TextInput,Object.assign({ref:l,size:"md",onChange:e=>{null==o||o(e),c(e.currentTarget.value)},value:s},i,{className:`input-control ${(null==i?void 0:i.className)||""}`}))}));K.File=e=>g.default.createElement(h.FileInput,Object.assign({size:"md"},e)),K.Password=X,K.Number=r=>{var{value:l,onChange:n}=r,a=e.__rest(r,["value","onChange"]);const[o,i]=t.useState(l),[s]=d.useDebouncedValue(o,300);return t.useEffect((()=>{null==n||n(s)}),[s]),t.useEffect((()=>{i(l)}),[l]),g.default.createElement(h.NumberInput,Object.assign({size:"md",stepHoldDelay:500,stepHoldInterval:e=>Math.max(1e3/Math.pow(e,2),25),onChange:i,hideControls:!0,min:0,formatter:e=>0===Number(e)?e:e||"",removeTrailingZeros:!0,value:o},a))},K.Wrapper=h.Input.Wrapper;const Q=e=>g.default.createElement(h.Checkbox,Object.assign({},e));Q.Group=h.Checkbox.Group;const Y=E.default(h.Slider)`
+  ${e=>{const t=e.color||e.theme.colors.primaryBase;return`\n      .mantine-Slider-bar {\n        background-color: ${t};\n      }\n      .mantine-Slider-thumb {\n        border-color: ${t};\n        color: ${t};\n      }\n    `}}
+  [data-theme='marryBaby'] & {
+    ${e=>{const t=e.color||e.theme.mbColors.pink;return`\n        .mantine-Slider-bar {\n          background-color: ${t};\n        }\n        .mantine-Slider-thumb {\n          border-color: ${t};\n          color: ${t};\n        }\n      `}}
+  }
+
+  .mantine-Slider-label {
+    background-color: transparent;
+    color: #000;
+    font-size: 14px;
+    font-weight: bold;
+  }
+`,J=E.default.div`
+  display: flex;
+  align-items: center;
+  .hhg-mantine-slider {
+    flex-grow: 1;
+  }
+  button {
+    path:not([stroke]) {
+      stroke: ${e=>e.theme.colors.primaryBase};
+    }
+  }
+  [data-theme='marryBaby'] & {
+    button {
+      path:not([stroke]) {
+        stroke: ${e=>e.theme.mbColors.pink};
+      }
+    }
+  }
+`,ee=t=>{var{color:r,styles:l}=t,n=e.__rest(t,["color","styles"]);return g.default.createElement(h.Radio,Object.assign({size:"sm"},n,{styles:e=>Object.assign(Object.assign({},l),{icon:{color:e.colors[e.primaryColor][e.primaryShade]}})}))};ee.Group=h.Radio.Group;var te="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function re(e){var t={exports:{}};return e(t,t.exports),t.exports
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/}var le=re((function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],l=0;l<arguments.length;l++){var n=arguments[l];if(n){var a=typeof n;if("string"===a||"number"===a)e.push(n);else if(Array.isArray(n)){if(n.length){var o=r.apply(null,n);o&&e.push(o)}}else if("object"===a){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var i in n)t.call(n,i)&&n[i]&&e.push(i)}}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}));function ne(e,t=6){const r=new Array(t).fill("");if(e){const t=e.toString().split("");r.map(((e,l)=>{t[l]&&(r[l]=t[l]||"")}))}return r}function ae(e){return e.join("")}var oe="_7-QtPON",ie="vm6Afxg";const se=t.forwardRef(((t,r)=>{const{maxLength:l=1,placeholder:n,className:a}=t,o=e.__rest(t,["maxLength","placeholder","className"]);return g.default.createElement("input",Object.assign({maxLength:l,className:le(ie,"otpInput",a),placeholder:n,type:"number"},o,{ref:r}))})),ce=t.forwardRef(((e,r)=>{const{valueLength:l=6,type:n="number",value:a,defaultValue:o,onChange:i,onBlur:s}=e,c=t.useRef(new Array(l).fill(null)),[d,m]=t.useState(o||a),[u,p]=t.useState(-1),[f,v]=t.useState((()=>ne(d,l))),E=t.useCallback((()=>{if(-1===u)return;const e=c.current[u];if(e){e.value="";const t=f;t[u]="",v(t),m((()=>ae(t))),null==i||i(ae(t))}}),[u,i,f]),b=t.useCallback((()=>{if(0===u)return;const e=c.current[u];e&&e.blur();const t=c.current[u-1];t&&t.focus()}),[u]),z=t.useCallback((()=>{if(u===l-1)return;const e=c.current[u];e&&e.blur();const t=c.current[u+1];t&&t.focus()}),[u,l]),x=t.useCallback((e=>{const t=e.target,r=t.value.toString().slice(0,1),l=c.current.findIndex((e=>e===t));if(-1!==l){const e=f;e[l]=r,v(e),m((()=>ae(e))),null==i||i(ae(e))}z()}),[z,i,f]),y=t.useCallback((e=>{const t=e.target,r=c.current.findIndex((e=>e===t));"number"===n?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==r&&p(r)}),[]),C=t.useCallback((e=>{const t=ne(e.clipboardData.getData("text/plain"),l),r=ae(t);v(t),m(r),null==i||i(r)}),[i,n,l]),w=t.useCallback((e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),E(),b()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),E()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),b()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),z()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[E,z,b]);return t.useImperativeHandle(r,(()=>c.current[0]),[]),t.useEffect((()=>{v((()=>ne(a,l))),m(a)}),[l,a]),g.default.createElement(h.Flex,{justify:"center",columnGap:8,className:le(oe,"otpContainer")},f.map(((e,t)=>g.default.createElement(se,{ref:e=>{c.current[t]=e},key:""+t,value:e,type:n,onChange:x,onFocus:y,onKeyDown:w,onPaste:C,onBlur:s}))))})),de=e=>f.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 8 5",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),f.createElement("path",{d:"M4 5L0.535898 0.5L7.4641 0.5L4 5Z"})),he=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-kh",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#032ea1",d:"M0 0h640v480H0z"}),f.createElement("path",{fill:"#e00025",d:"M0 120h640v240H0z"}),f.createElement("g",{fill:"#fff",stroke:"#000",transform:"matrix(1.2 0 0 1.2 85.6 -522)"},f.createElement("g",{strokeLinejoin:"bevel"},f.createElement("path",{d:"M139 623.5h113.8v43.8H139z"}),f.createElement("path",{d:"M247 647.6h3.5v16.5H247zm-108-8.1h113.8v5H139zm0-7h113.8v4.6H139z"}),f.createElement("path",{strokeWidth:.9,d:"M139 625.7h113.8v4.3H139z"}),f.createElement("path",{d:"M169 647.6h3.6v16.5H169zm49 0h3.6v16.5H218zm-78 0h3.5v16.5H140zm7 0h3.5v16.5H147zm7.5 0h3.5v16.5h-3.5zm7.5 0h3.5v16.5H162zm62.8 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6zm7.5 0h3.6v16.5h-3.6z"}),f.createElement("path",{strokeLinejoin:"miter",d:"M94.5 669.5a9.3 9.3 0 0 0 4.4-5.3H292a9.3 9.3 0 0 0 4.4 5.3z"})),f.createElement("path",{d:"M193 556.8s-.1-4.1 2.3-4.2c2.3 0 2.2 4.2 2.2 4.2zm-12.5 54.5v-5.5c0-2.8-2.8-3-2.8-5 0 0-.4-3 .4-4.4 1.1 4 3 3.3 3 1.6 0-1.4-1-2.8-3.3-6.3-.8-1.1-.3-4.6.7-5.9.4 3 .9 4.5 2.2 4.5.8 0 1.4-.5 1.4-2 0-2-1.3-3-2-4.8a5 5 0 0 1 1.1-5.3c.5 3 .4 4.2 1.7 4.2 2.7-.9 0-4.8-.6-5.8-.6-1.1 1-3.4 1-3.4.8 2.7 1 2.9 2 2.6 1.2-.3 1-2-.4-3.4-.9-1-.8-2.3.2-3.3 1 1.9 2.2 1.8 2.3.6l-.8-4.4H204l-.9 4.3c-.2 1.2 1.4 1.5 2.4-.5 1 1 1.1 2.4.2 3.3-1.4 1.4-1.6 3.1-.4 3.4 1 .3 1.2 0 2-2.6 0 0 1.5 1.5 1 3.4-.6 1-3.3 5-.6 5.8 1.3 0 1.2-1.2 1.7-4.2a5 5 0 0 1 1 5.3c-.6 1.8-2 2.8-2 4.8 0 1.5.7 2 1.5 2 1.3 0 1.8-1.4 2.2-4.5 1 1.3 1.5 4.8.7 6-2.3 3.4-3.4 4.8-3.4 6.2 0 1.7 2 2.4 3-1.6.9 1.4.5 4.4.5 4.4 0 2-2.7 2.2-2.8 5v5.5zm7.2-46-.4-3.1h15.9l-.4 3.1zm1-3.2-.2-2.5H202l-.3 2.5zm2.3-2.6-.3-2.6h9l-.1 2.6zm33 110c-2-.7-5-2.9-5-5v-24.3l2.6-3.4H169l2.5 3.4v24.3c0 2.1-2 4.3-4 5z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M178.2 647.6h3.6v16.5h-3.6zm30.4 0h3.6v16.5h-3.6z"}),f.createElement("path",{d:"M168 609.2v27.6h54v-27.6a4.2 4.2 0 0 0-2.6 2.8v11.8h-48.7V612s-.6-2-2.8-2.8z"}),f.createElement("path",{d:"M214.6 669.5c-1.8-.7-5.6-2.9-5.6-5v-27.2c.4-1.5 2.4-2.4 3.7-3.4H177c1.7 1 3.6 1.7 4.3 3.4v27.2c0 2.1-3 4.3-4.8 5z"}),f.createElement("path",{d:"M219.4 634.2v-19.6h-4.9v-1.9h-38.8v2h-5v19.5zM207 669.5c-1.8-.7-4.3-2.9-4.3-5v-23.2l1.4-2.1h-17.7l1.5 2v23.3c0 2.1-2.6 4.3-4.3 5z"}),f.createElement("path",{d:"M190.7 639.2h9v30.3h-9z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M204.4 632.5c0-2 5.8-2.1 8.8-3.8h-36c3 1.7 8.7 1.8 8.7 3.8l1.2 3.9 15 .6z"}),f.createElement("path",{d:"M211.4 611.3c0-4.9.2-6.7 1.7-6.7V620c-3.7 1.4-6.3 6-6.3 6h-23.2s-2.6-4.6-6.3-6v-15.5c1.8 0 1.8 2 1.8 6.7zm1.7-2c0-5.6 4.9-6.2 4.9-6.2v5c-1.9-.1-2.8 1.6-2.8 4 0 2.5 1.5 2.5 1.5 2.5v14.2h-3.6z"}),f.createElement("path",{d:"M177.3 609.3c0-5.6-4.9-6.2-4.9-6.2v5c1.9-.1 2.8 1.6 2.8 4 0 2.5-1.5 2.5-1.5 2.5v14.2h3.6z"}),f.createElement("g",{fill:"none",strokeWidth:.8},f.createElement("path",{d:"M186.8 570.6H204m-19.2 5.4h21m-23 6.5h24.9m-27 7.9h29.5m-30.2 9h30.4"}),f.createElement("path",{strokeWidth:1,d:"M170.8 629h48.6m-33.2 0h18v6.6h-18z"})),f.createElement("path",{d:"M184 614.2c3 3.6 2.6 9.7 2.6 13.3H204c0-3.6-.4-9.7 2.6-13.3zm9.7-41-2.4-1.3v-3.5c1 .3 2 .4 2.2 2 .3-2.3 1-2.1 1.9-3 1 .9 1.5.7 1.9 3 0-1.6 1.2-1.7 2.1-2v3.5l-2.3 1.2z"}),f.createElement("path",{d:"m193.5 578.9-4-2.8V573c1.5.3 3 .5 3.2 2.2.4-2.5 1.3-3.7 2.7-4.7 1.3 1 2.2 2.2 2.7 4.7.1-1.7 1.7-1.9 3-2.2v3.2l-3.9 2.7z"}),f.createElement("path",{d:"m193.2 587.8-4.5-4v-4.7c1.6.4 3.4.6 3.6 3.1.5-3.5 1.5-5.4 3-6.8 1.6 1.4 2.6 3.3 3.2 6.8.2-2.5 2-2.7 3.6-3.1v4.7l-4.6 4zm8.4 5.3-4 5.7h-4.7l-4.1-5.7zm-15.2 9.5c2 1.1 2.8 3.4 3 7.6H201c.2-4.2 1-6.5 3-7.6z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M204.2 593v-5.6a5.2 5.2 0 0 0-3.8 3.3c0-2-2.5-6.3-5.2-8.5-2.7 2.4-5.3 6.4-5.2 8.4-.5-1.5-1.8-2.7-3.8-3.2v5.7z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M205 602.6V597c-2.1.6-3.5 1.7-4.1 3.3 0-2-2.7-6.3-5.7-8.5-3 2.5-5.8 6.4-5.7 8.5-.5-1.5-2-2.7-4.1-3.3v5.7z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M207.4 614.3v-6.6a9.6 9.6 0 0 0-5.1 3.8c0-3.5-4-9-7.1-10.7-3.2 1.8-7.1 7.4-7.1 10.7a9.7 9.7 0 0 0-5.2-3.8v6.6z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M206 629v-6.8c-2.4.9-3 3.1-3.8 4.7.3-6.9-3.8-14.2-7-16.1-3.2 1.9-7.4 9.4-7 16-.8-1.4-1.5-3.7-3.8-4.6v6.7z"}),f.createElement("path",{d:"M204.4 639.2v-6.8c-2.5.6-2.6 1.5-3.4 3 .3-4.1-2.6-8.8-5.8-10.6-3.2 1.8-6 6.5-5.8 10.6-.8-1.5-.9-2.4-3.4-3v6.8z"}),f.createElement("g",{id:"a"},f.createElement("path",{d:"M99 664.2v-20.4c-.7-2.6-3-5-4.6-5.4v-18l3.7 2 4.3 18.9v23z"}),f.createElement("path",{d:"M99 664.3v-20.5c-.7-2.6-3-5-4.6-5.4v-19.2c2.5 0 3.7 3.2 3.7 3.2l4.3 18.9v22.9z"}),f.createElement("path",{d:"M96.3 669.5c1.7-.7 4.2-2.9 4.2-5v-25.6l-1.2-2H143l-1.7 2v25.6a6 6 0 0 0 3.4 5z"}),f.createElement("path",{d:"M135.8 669.5c-1.7-.7-4.2-2.9-4.2-5v-24.3l3.6-3.4h-29.6l3.6 3.4v24.3c0 2.1-2.5 4.3-4.2 5z"}),f.createElement("path",{d:"M131.7 669.5c-1.7-.7-4.3-2.9-4.3-5v-22l2.4-3.3H111l2.4 3.3v22c0 2.1-2.5 4.3-4.3 5z"}),f.createElement("path",{d:"M116 639.2h8.9v30.4h-9z"}),f.createElement("path",{strokeLinejoin:"bevel",d:"M103.7 647.6h3.6v16.5h-3.6zm30.8 0h3.5v16.5h-3.6zm-33.9-27.8h4.4v17h-4.4zm0-3.2h4.3v3.2h-4.3zm35.6 6.9h6.1v13h-6.1z"}),f.createElement("path",{d:"M104.9 636.6v-29c1.2 0 1.4 4.3 4.2 4.3 1.5 0 1.4-1.8.5-3.2-.7-1.3-1.6-3-.4-6.3.9 2.5 3.1 3.3 2.7 1.8-.7-2.7-2.8-3.2-1.2-7.3.5 3.4 2.7 3.3 2.2 1.3-.6-2.3-1.9-3.3-.3-6.5.9 3.7 2 3.5 2 1.2 0-3.4 0-7 4.2-8.3 0 0 .3-3 1.9-3 1.5 0 1.8 3 1.8 3 4.3 1.3 4.2 5 4.2 8.3 0 2.3 1.1 2.5 2-1.2 1.6 3.2.3 4.2-.3 6.5-.5 2 1.7 2.1 2.2-1.3 1.6 4.1-.5 4.6-1.2 7.3-.4 1.5 1.8.7 2.7-1.8 1.2 3.3.3 5-.4 6.3-.8 1.4-1 3.2.5 3.2 2.8 0 3-4.2 4.2-4.2v28.9zM98 614.7v22.1h2.5v-22.1c-.9-.5-1.7-.5-2.5 0z"}),f.createElement("path",{d:"M98.2 629c3.1 1.6 6.2 3.5 7 7.8h-7zm43.2-6.6v14.4h2v-14.4c-.6-.3-1.5-.4-2 0z"}),f.createElement("path",{d:"M143.4 629c-3.1 1.5-6.2 3.3-7 7.7h7zm-20.6-33.7 1.8-1.5v-2c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-1v2l1.8 1.6z"}),f.createElement("path",{d:"m123.8 600.2.8-1.9v-2.5c-.6 0-1 .3-1.5 1a5 5 0 0 0-2.5-3 5 5 0 0 0-2.6 2.9c-.5-.7-.8-.8-1.5-.9v2.5l.8 1.9z"}),f.createElement("path",{d:"m124 606.8 2.6-3.3v-3.2c-1 0-1.5.5-2.2 1.6-.7-2.3-2-2.7-3.8-3.8-1.9 1-3.2 1.5-3.8 3.7-.8-1.1-1.3-1.4-2.3-1.5v3.2l2.7 3.3z"}),f.createElement("path",{d:"M124.7 613.3s3.2-2.7 3.3-4.2v-3.5c-1.2.1-2.3.4-3.2 1.9-.8-2.9-2-3.7-4.2-5-2.3 1.3-3.5 2.1-4.2 5-1-1.5-2-1.8-3.3-2v3.6a15 15 0 0 0 3.3 4.2z"}),f.createElement("path",{d:"M126 625.3s4.4-4.7 4.5-6.6v-5.4c-1.6.2-3.2 1.3-4.4 3.6-1-4.5-2.6-7.6-5.5-9.8-3 2.2-4.6 5.3-5.6 9.8-1.2-2.3-2.7-3.4-4.3-3.6v5.4c.3 1.9 4.4 6.6 4.4 6.6z"}),f.createElement("path",{d:"M126 632.4s3.7-3.7 4.5-5.3v-5.4c-1.6.2-3.2 1.3-4.4 3.5a14 14 0 0 0-5.5-9.2c-3 2.2-4.6 4.7-5.6 9.2-1.2-2.2-2.7-3.3-4.3-3.5v5.4c1 1.6 4.4 5.3 4.4 5.3z"}),f.createElement("path",{d:"M127.5 636.6c-1-4.7-2-8.2-7.1-11.7-5.2 3.5-6.1 7-7.2 11.7z"}),f.createElement("path",{d:"M130.2 639.2v-6.8c-2.4 1-4.5 2.3-5.3 3.8-.8-3.8-2.5-5.4-4.6-7.7-2.1 2.3-3.5 4-4.4 7.7-.8-1.5-2.9-2.9-5.2-3.8v6.8z"})),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"matrix(-1 0 0 1 390.7 0)"}),f.createElement("path",{d:"M72.7 694.3H318v12.5H72.7zm-6.5 12.5h258.3v12.5H66.2zm19.4-31.3H305v8.1H85.6z"}),f.createElement("path",{d:"M79.2 683.6h232.4v10.6H79.2zm10.2-14.3h212v6.2h-212z"}),f.createElement("path",{d:"M112.4 669.3h16v50h-16z"}),f.createElement("path",{d:"M116 669.3h8.9v50h-9zm71 0h16v50h-16z"}),f.createElement("path",{d:"M190.7 669.3h9v50h-9zm71.5 0h16v50h-16z"}),f.createElement("path",{d:"M265.7 669.3h9v50h-9z"}),f.createElement("path",{fill:"none",d:"M99 664.2h193M115.8 713h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m65.8 37.5h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m-8.6-6.3h8.6m-8.6-6.2h8.6m66.2 37.5h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2m-9.2-6.3h9.2m-9.2-6.2h9.2"}))),me=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-in",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#f93",d:"M0 0h640v160H0z"}),f.createElement("path",{fill:"#fff",d:"M0 160h640v160H0z"}),f.createElement("path",{fill:"#128807",d:"M0 320h640v160H0z"}),f.createElement("g",{transform:"matrix(3.2 0 0 3.2 320 240)"},f.createElement("circle",{r:20,fill:"#008"}),f.createElement("circle",{r:17.5,fill:"#fff"}),f.createElement("circle",{r:3.5,fill:"#008"}),f.createElement("g",{id:"d"},f.createElement("g",{id:"c"},f.createElement("g",{id:"b"},f.createElement("g",{id:"a",fill:"#008"},f.createElement("circle",{r:.9,transform:"rotate(7.5 -8.8 133.5)"}),f.createElement("path",{d:"M0 17.5.6 7 0 2l-.6 5L0 17.5z"})),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(15)"})),f.createElement("use",{xlinkHref:"#b",width:"100%",height:"100%",transform:"rotate(30)"})),f.createElement("use",{xlinkHref:"#c",width:"100%",height:"100%",transform:"rotate(60)"})),f.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(120)"}),f.createElement("use",{xlinkHref:"#d",width:"100%",height:"100%",transform:"rotate(-120)"}))),ue=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-id",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("g",{fillRule:"evenodd",strokeWidth:"1pt"},f.createElement("path",{fill:"#e70011",d:"M0 0h640v249H0z"}),f.createElement("path",{fill:"#fff",d:"M0 240h640v240H0z"}))),pe=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-my",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#c00",d:"M0 0h640v480H0z"}),f.createElement("path",{fill:"#fff",d:"M.5 39.9h639v38.4H.5zM.5 118.6h639V157H.5zM.5 197.4h639v38.4H.5z"}),f.createElement("path",{fill:"#006",d:"M0 .5h320v280H0Z"}),f.createElement("path",{fill:"#fc0",d:"m207.5 73.8 6 40.7 23-34-12.4 39.2 35.5-20.8-28.1 30 41-3.2-38.3 14.8 38.3 14.8-41-3.2 28.1 30-35.5-20.8 12.3 39.3-23-34.1-6 40.7-5.9-40.7-23 34 12.4-39.2-35.5 20.8 28-30-41 3.2 38.4-14.8-38.3-14.8 41 3.2-28.1-30 35.5 20.8-12.4-39.3 23 34.1zm-33.3 1.7a71.1 71.1 0 1 0 0 130 80 80 0 1 1 0-130z"}),f.createElement("path",{fill:"#fff",d:"M.5 276.2h639v38.4H.5zM.5 354.4h639v38.4H.5zM0 441.6h639V480H0z"})),ge=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",id:"flag-icons-mm",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#fecb00",d:"M0 0h640v480H0z"}),f.createElement("path",{fill:"#34b233",d:"M0 160h640v320H0z"}),f.createElement("path",{fill:"#ea2839",d:"M0 320h640v160H0z"}),f.createElement("g",{transform:"translate(320 256.9) scale(176.87999)"},f.createElement("path",{id:"a",fill:"#fff",d:"m0-1 .3 1h-.6z"}),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-144)"}),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(-72)"}),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(72)"}),f.createElement("use",{xlinkHref:"#a",width:"100%",height:"100%",transform:"rotate(144)"}))),fe=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-ph",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("path",{fill:"#0038a8",d:"M0 0h640v240H0z"}),f.createElement("path",{fill:"#ce1126",d:"M0 240h640v240H0z"}),f.createElement("path",{fill:"#fff",d:"M415.7 240 0 480V0"}),f.createElement("path",{fill:"#fcd116",d:"M26.7 42.4 41 55l16.6-9.2-7.4 17.5 14 13-19-1.6-8.1 17.2-4.3-18.5L14 71l16.3-10zm323.8 172.3.4 19 18 6.3-18 6.2-.4 19-11.5-15.1-18.2 5.5 10.8-15.6-10.8-15.6 18.2 5.5zM37.2 388.1l8 17.2 19-1.6-13.9 13 7.4 17.5-16.6-9.1-14.4 12.4 3.6-18.7L14 409l18.9-2.4zm114.2-249-6.2 6.2 3.1 47-3 .3-5.7-42.9-5.1 5 7.6 38.4a47.5 47.5 0 0 0-17.2 7.1l-21.7-32.4H96l26.4 34.3a48 48 0 0 0-2.4 2l-31.1-35.5h-8.8v8.8l35.4 31-2 2.5-34.3-26.3v7.1l32.5 21.7c-3.4 5.2-5.9 11-7.1 17.2L66.3 223l-5.1 5 42.9 5.7c-.2 1-.3 2.1-.3 3.1l-47-3-6.2 6.2 6.2 6.2 47-3.1.3 3.1-42.9 5.7 5 5 38.4-7.6a47.5 47.5 0 0 0 7.1 17.2l-32.5 21.7v7.2l34.3-26.3a48 48 0 0 0 2 2.4l-35.4 31v8.8H89l31-35.4 2.5 2L96 312.2h7.2l21.7-32.5c5.1 3.4 11 5.9 17.2 7.1l-7.6 38.4 5 5 5.7-42.9c1 .2 2 .3 3.1.3l-3 47 6.1 6.2 6.3-6.2-3.1-47 3-.3 5.7 43 5.1-5.1-7.6-38.4a47.5 47.5 0 0 0 17.2-7.1l21.7 32.5h7.2l-26.4-34.3a48 48 0 0 0 2.4-2l31.1 35.4h8.8v-8.8l-35.4-31 2-2.4 34.3 26.3v-7.2l-32.5-21.7c3.4-5.1 5.9-11 7.1-17.2l38.3 7.6 5.1-5-42.9-5.7c.2-1 .3-2 .3-3.1l47 3 6.2-6.1-6.2-6.2-47 3-.3-3 42.9-5.7-5-5-38.4 7.5a47.5 47.5 0 0 0-7.1-17.2l32.5-21.7v-7.1l-34.3 26.3a48 48 0 0 0-2-2.4l35.4-31v-8.9H214l-31 35.5a48 48 0 0 0-2.5-2l26.4-34.3h-7.2L178 200.2c-5.1-3.4-11-5.9-17.2-7.1l7.6-38.3-5-5-5.7 42.8-3.1-.3 3-47z"})),ve=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-tw",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("clipPath",{id:"a"},f.createElement("path",{d:"M0 0h640v480H0z"})),f.createElement("g",{clipPath:"url(#a)"},f.createElement("path",{fill:"red",d:"M0 0h720v480H0z"}),f.createElement("path",{fill:"#000095",d:"M0 0h360v240H0z"}),f.createElement("g",{fill:"#fff"},f.createElement("path",{d:"m154 126.9-2.5 9.6 9.4 2.6-1.8-7.1zm46.9 5.1-1.8 7.1 9.4-2.6-2.5-9.6zm-41.8-24-5.1 5.1 1.9 6.9z"}),f.createElement("path",{d:"m155.9 120-1.9 6.9 5.1 5.1z"}),f.createElement("path",{d:"m154 113.1-6.9 6.9 6.9 6.9 1.9-6.9zm14 27.8 5.1 5.1 6.9-1.9zm18.9 5.1 9.6 2.5 2.6-9.4-7.1 1.8z"}),f.createElement("path",{d:"m192 140.9 7.1-1.8 1.8-7.1zm-31.1-1.8 2.6 9.4 9.6-2.5-5.1-5.1zm19.1 5 6.9 1.9 5.1-5.1z"}),f.createElement("path",{d:"m173.1 146 6.9 6.9 6.9-6.9-6.9-1.9zm-12.2-45.1-9.4 2.6 2.5 9.6 5.1-5.1zm-1.8 31.1 1.8 7.1 7.1 1.8zm45-12 1.9-6.9-5.1-5.1z"}),f.createElement("path",{d:"m168 99.1-7.1 1.8-1.8 7.1zm32.9 8.9-1.8-7.1-7.1-1.8zm5.1 18.9 6.9-6.9-6.9-6.9-1.9 6.9z"}),f.createElement("path",{d:"m200.9 108-8.9-8.9-12-3.2-12 3.2-8.9 8.9-3.2 12 3.2 12 8.9 8.9 12 3.2 12-3.2 8.9-8.9 3.2-12z"}),f.createElement("path",{d:"m200.9 132 5.1-5.1-1.9-6.9zm5.1-18.9 2.5-9.6-9.4-2.6 1.8 7.1zm-6.9-12.2-2.6-9.4-9.6 2.5 5.1 5.1zm-26-6.9-9.6-2.5-2.6 9.4 7.1-1.8zm6.9 1.9-6.9-1.9-5.1 5.1z"}),f.createElement("path",{d:"m186.9 94-6.9-6.9-6.9 6.9 6.9 1.9z"}),f.createElement("path",{d:"m192 99.1-5.1-5.1-6.9 1.9zM173.1 146l-9.6 2.5 4.5 16.6 12-12.2zm-5.1 19.1 12 44.9 12-44.9-12-12.2zm-7.1-26-9.4-2.6-4.4 16.4 16.4-4.4z"}),f.createElement("path",{d:"m147.1 152.9-12 45.1 32.9-32.9-4.5-16.6zm-12-20.9L102 165.1l45.1-12.2 4.4-16.4z"}),f.createElement("path",{d:"m154 126.9-6.9-6.9-12 12 16.4 4.5zm0-13.8-2.5-9.6-16.4 4.5 12 12z"}),f.createElement("path",{d:"M135.1 108 90 120l45.1 12 12-12zm90 24-16.6 4.5 4.4 16.4 45.1 12.2z"}),f.createElement("path",{d:"m199.1 139.1-2.6 9.4 16.4 4.4-4.4-16.4zm-12.2 6.9-6.9 6.9 12 12.2 4.5-16.6zm19.1-19.1 2.5 9.6 16.6-4.5-12.2-12z"}),f.createElement("path",{d:"m192 165.1 33.1 32.9-12.2-45.1-16.4-4.4zm7.1-64.2 9.4 2.6 4.4-16.4-16.4 4.4z"}),f.createElement("path",{d:"M225.1 108 258 75.1l-45.1 12-4.4 16.4zm-12.2-20.9L225.1 42 192 75.1l4.5 16.4zm12.2 44.9 44.9-12-44.9-12-12.2 12z"}),f.createElement("path",{d:"m206 113.1 6.9 6.9 12.2-12-16.6-4.5zm-38-38L135.1 42l12 45.1 16.4 4.4z"}),f.createElement("path",{d:"m160.9 100.9 2.6-9.4-16.4-4.4 4.4 16.4z"}),f.createElement("path",{d:"m147.1 87.1-45.1-12 33.1 32.9 16.4-4.5zm39.8 6.9 9.6-2.5-4.5-16.4-12 12z"}),f.createElement("path",{d:"M192 75.1 180 30l-12 45.1 12 12z"}),f.createElement("path",{d:"m173.1 94 6.9-6.9-12-12-4.5 16.4z"})),f.createElement("circle",{cx:180,cy:120,r:51.1,fill:"#000095"}),f.createElement("circle",{cx:180,cy:120,r:45.1,fill:"#fff"}))),Ee=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-th",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("g",{fillRule:"evenodd"},f.createElement("path",{fill:"#f4f5f8",d:"M0 0h640v480H0z"}),f.createElement("path",{fill:"#2d2a4a",d:"M0 162.5h640v160H0z"}),f.createElement("path",{fill:"#a51931",d:"M0 0h640v82.5H0zm0 400h640v80H0z"}))),be=e=>f.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",id:"flag-icons-vn",viewBox:"0 0 640 480",width:"1em",height:"1em"},e),f.createElement("defs",null,f.createElement("clipPath",{id:"a"},f.createElement("path",{fillOpacity:.7,d:"M-85.3 0h682.6v512H-85.3z"}))),f.createElement("g",{fillRule:"evenodd",clipPath:"url(#a)",transform:"translate(80) scale(.9375)"},f.createElement("path",{fill:"#da251d",d:"M-128 0h768v512h-768z"}),f.createElement("path",{fill:"#ff0",d:"M349.6 381 260 314.3l-89 67.3L204 272l-89-67.7 110.1-1 34.2-109.4L294 203l110.1.1-88.5 68.4 33.9 109.6z"}))),ze=Object.values(o.siteOptions).reduce(((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e)),[]),xe={PH:fe,KH:he,ID:me,IN:ue,MM:ge,MY:pe,TH:Ee,TW:ve,VN:be};var ye={phoneInput:"hs5kWeB",error:"ZRGIHSZ"};const Ce=t.forwardRef(((r,l)=>{const{isError:n,defaultCountry:a,countries:o=ze,countryCallingCodeEditable:i=!1,defaultValue:s,value:c,onChange:d,className:h}=r,m=e.__rest(r,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),[u,f]=t.useState(s||c),[v,E]=t.useState(null);return t.useEffect((()=>{f(c)}),[c]),t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield Promise.resolve().then((function(){return p(require("react-phone-number-input"))}));E(e)}))}),[]),v?g.default.createElement(v.default,Object.assign({ref:l,value:u,onChange:e=>{f(e),null==d||d(e)},countries:o,defaultCountry:a,countryCallingCodeEditable:i,className:le(ye.phoneInput,{isError:n,[ye.error]:n},h),flagUrl:void 0,flagComponent:t=>{const{country:r,countryName:l,flagUrl:n}=t,a=e.__rest(t,["country","countryName","flagUrl"]),o=xe[r],i=r?`(+${v.getCountryCallingCode(r)})`:"";return o?g.default.createElement(g.default.Fragment,null,g.default.createElement(o,Object.assign({title:l},a)),g.default.createElement("span",{className:le(ye.callingCode,"PhoneInputCountryIconCallingCode")},i)):g.default.createElement(g.default.Fragment,null)},countrySelectProps:{arrowComponent:()=>g.default.createElement("div",{className:le(ye.arrowSelect,"PhoneInputArrowContainer")},g.default.createElement(de,null))}},m)):null}));var we=h.createStyles(((e,t)=>({root:{color:t.color||("hb"===e.primaryColor?"hb.6":e.fn.primaryColor()),"&[data-event-category] > *":{pointerEvents:"none"}}})));exports.ANIMATION_DURATION=y,exports.Accordion=G,exports.Avatar=t=>{var{withIndicator:r=!1,indicatorConfig:l=null,size:n=56,children:a,styles:o}=t,i=e.__rest(t,["withIndicator","indicatorConfig","size","children","styles"]);const s=()=>g.default.createElement(h.Avatar,Object.assign({size:n,radius:"xl"},i,{imageProps:Object.assign({loading:"lazy"},i.imageProps)}),a||g.default.createElement("img",{loading:"lazy",src:F,width:n}));return r?g.default.createElement(h.Indicator,Object.assign({inline:!0,position:"bottom-end",offset:9},l,{styles:Object.assign({indicator:{backgroundColor:g.default.isValidElement(l.label)&&"transparent",zIndex:1}},o)}),s()):s()},exports.Cambodia=he,exports.CaretDown=de,exports.Carousel=A,exports.CentralCarousel=_,exports.Checkbox=Q,exports.DEBOUNCED_TIME=300,exports.DatePicker=R,exports.GlobalHeadingStyle=j,exports.GlobalRadioStyle=H,exports.GlobalTabStyle=O,exports.India=me,exports.Indonesia=ue,exports.Input=K,exports.MAPPED_LOCALE=z,exports.Malaysia=pe,exports.Myanmar=ge,exports.OTHER_THEME_CONFIG=w,exports.OTP=ce,exports.Phillipines=fe,exports.Phone=Ce,exports.Radio=ee,exports.SHARED_HOVER=C,exports.StyledModal=W,exports.StyledSlider=Y,exports.StyledSliderWrapper=J,exports.StyledTextArea=q,exports.Taiwan=ve,exports.Thailand=Ee,exports.Vietnam=be,exports.commonjsGlobal=te,exports.createCommonjsModule=re,exports.emotionCache=b,exports.useMantineLocale=r=>{const[l,n]=t.useState(!1);return t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;n(!1),yield null===(e=x[r])||void 0===e?void 0:e.call(x),v.default.locale(z[r]),n(!0)}))}),[r]),{isLoaded:l}},exports.useStyles=D,exports.useStyles$1=B,exports.useStyles$2=we;

package/build/interfaces/constants/storybook.d.ts

@@ -0,0 +1,21 @@
+export declare const STORYBOOK_SECTION: {
+    ATOMS: string;
+    MOLECULES: string;
+    ORGANISMS: string;
+    BBG: string;
+    BBV: string;
+    ONBOARDING: string;
+    PWG: string;
+    EMBED: string;
+    CARE: string;
+    ECOM: string;
+    LEAD: string;
+    MANTINE: {
+        CORE: string;
+        FORM: string;
+        NAVIGATION: string;
+        DATA_DISPLAY: string;
+        OVERLAY: string;
+        TYPOGRAPHY: string;
+    };
+};

package/build/lead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-02acb991.js"),t=require("react"),a=require("lodash/debounce"),l=require("react-dom"),n=require("./translationsContext-68aba793.js"),o=require("./cookieHelper-9d3a8ce7.js"),i=require("./utils-b275a827.js"),r=require("uuid"),d=require("./useTranslations-af68c257.js");require("./index.styled-3217e49c.js");var s=require("./index-c0b889fc.js"),u=require("./gAssets.js");require("@mantine/core"),require("./index.styled-9a7057f6.js"),require("./index-ef43fe5c.js");var c=require("./theme-f245ffa1.js");require("./index.styled-f7e3c138.js"),require("string-format"),require("./index-5a9e198f.js");var m=require("./index.styles-1fe11b9d.js"),p=require("dayjs");require("./screenSizeContext-6a014fcc.js"),require("styled-components"),require("./index-9d121cc5.js"),require("./isProduction-c94394ce.js"),require("./Onboarding-2251ffb7.js"),require("./index-f2cc07a7.js"),require("@mantine/hooks"),require("./index.styled-4a34e78e.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./index.styled-4623581b.js"),require("./index-34e04f7b.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-21e3e4dd.js"),require("react-hook-form"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-a2fb0429.js");var h=require("./index-babb9ffe.js"),g=require("./index.styled-d0c80701.js"),f=require("@mantine/form");require("yup");var v=require("./index-d1ddd89d.js"),b=require("./index-8a813eea.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function k(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("@mantine/dates"),require("@mantine/carousel"),require("./index-a296a7fb.js"),require("./index-f82b1cd8.js"),require("@hookform/resolvers/yup"),require("./index-68f95b11.js"),require("./useUniqueId-56ce12d2.js"),require("./index-09692d7b.js"),require("./index-fdad797c.js"),require("slugify"),require("./routing-4363eb70.js"),require("dayjs/plugin/relativeTime"),require("./index-930f861f.js"),require("./Visible-da084739.js");var _=y(t),E=y(a),w=y(p);const C={LINKS:1,TAGS:2};let S="https://dev.leadgen.hellobacsi.com/";const N={MOBILE:1,DESKTOP:2};let T="";S.includes("localhost")&&(S="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(T="pink");let x="https://"+location.hostname+location.pathname+location.search;x=x.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const O={"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}},P=O[document.documentElement.lang]||O["vi-VN"];const j={1:"Asia/Ho_Chi_Minh",10:"Asia/Ho_Chi_Minh",11:"Asia/Ho_Chi_Minh",12:"Asia/Ho_Chi_Minh",2:"Asia/Jakarta",3:"Asia/Bangkok",4:"Asia/Phnom_Penh",5:"Asia/Kuala_Lumpur",6:"Asia/Taipei",7:"Asia/Yangon",8:"Asia/Kolkata",9:"Asia/Manila"};var B={"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}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"};const q={"en-PH":B,"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","validator.emailUsed":"Email này đã được sử dụng cho chiến dịch.","validator.phoneUsed":"Số điện thoại này đã được sử dụng cho chiến dịch.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"tl-PH":B},L=e=>{const t=q[e];return t||q["en-PH"]},$=t.createContext({}),I=e=>{const[a,l]=t.useState(16),[n,o]=t.useState(9),[i,r]=t.useState(!1);return t.useEffect((()=>{if(r(!1),e){const t=new Image;t.addEventListener("load",(()=>{l(t.naturalWidth),o(t.naturalHeight),r(!0)})),t.addEventListener("error",(()=>{l(16),o(9),r(!0)})),t.src=e}else l(16),o(9),r(!0)}),[e]),{loaded:i,width:a,height:n}},A=({onClose:e,containerClassName:t,svgClassName:a})=>_.default.createElement("button",{onClick:e,className:`le-newbuilder-close-button js-modal__close ${t||""}`},_.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a},_.default.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),_.default.createElement("path",{d:"M16 17.05L10.925 22.125C10.7917 22.2584 10.621 22.329 10.413 22.337C10.2044 22.3457 10.025 22.275 9.87502 22.125C9.72502 21.975 9.65002 21.8 9.65002 21.6C9.65002 21.4 9.72502 21.225 9.87502 21.075L14.95 16L9.87502 10.925C9.74169 10.7917 9.67102 10.6207 9.66302 10.412C9.65436 10.204 9.72502 10.025 9.87502 9.87502C10.025 9.72502 10.2 9.65002 10.4 9.65002C10.6 9.65002 10.775 9.72502 10.925 9.87502L16 14.95L21.075 9.87502C21.2084 9.74169 21.3794 9.67069 21.588 9.66202C21.796 9.65402 21.975 9.72502 22.125 9.87502C22.275 10.025 22.35 10.2 22.35 10.4C22.35 10.6 22.275 10.775 22.125 10.925L17.05 16L22.125 21.075C22.2584 21.2084 22.329 21.379 22.337 21.587C22.3457 21.7957 22.275 21.975 22.125 22.125C21.975 22.275 21.8 22.35 21.6 22.35C21.4 22.35 21.225 22.275 21.075 22.125L16 17.05Z",fill:"#595959"}))),R=({popupId:e,url:t,newTab:a,imageDestkop:l,imageMobile:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:d,loaded:s}=I(n),{width:u,height:c,loaded:m}=I(l);return s&&m?_.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},_.default.createElement("div",{className:"le-center-tab-popup"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:i},_.default.createElement("img",{className:"le-only-mobile",src:n,style:{aspectRatio:`${r}/${d}`}}),_.default.createElement("img",{className:"le-only-desktop",src:l,style:{aspectRatio:`${u}/${c}`}})),_.default.createElement(A,{onClose:o,containerClassName:"close-button-top-right"})))):null},D=({popupId:e,url:t,title:a,urlText:l,titleAlign:n,subtitle:o,subtitleAlign:i,newTab:r,imageDesktop:d,imageMobile:s,onClose:u,onOtherSubmit:c})=>{const{width:m,height:p,loaded:h}=I(s),{width:g,height:f,loaded:v}=I(d);return h&&v?_.default.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},_.default.createElement("aside",{className:"le-only-desktop"},_.default.createElement("div",{className:"le-floating-desktop"},_.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?_.default.createElement("div",null,_.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5,aspectRatio:`${g}/${f}`},src:d})):null,_.default.createElement("div",{style:{padding:20}},_.default.createElement("div",{className:`le-floating-desktop-title le-text-align-${n}`},a),_.default.createElement("div",{className:`le-floating-desktop-desc le-text-align-${i}`},o)),_.default.createElement("a",{target:r?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},_.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l)),_.default.createElement(A,{onClose:u,containerClassName:"close-button-top-right"})))),_.default.createElement("aside",{className:"le-only-mobile"},_.default.createElement("div",{className:"le-floating-mobile"},_.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},_.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},_.default.createElement("div",null,_.default.createElement("div",{className:`le-floating-mobile-title le-text-align-${n}`},a),_.default.createElement("div",{className:`le-floating-mobile-desc le-text-align-${i}`},o)),s?_.default.createElement("div",null,_.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100,aspectRatio:`${m}/${p}`},src:s})):null),_.default.createElement("div",{style:{textAlign:"center",marginTop:10}},_.default.createElement("a",{target:r?"blank":"_parent",href:t,style:{textDecoration:"none"}},_.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l))),_.default.createElement(A,{onClose:u,containerClassName:"close-button-top-right"}))))):null},M=({title:e,titleAlign:t,subtitle:a,subtitleAlign:l,link:n,linkNewTab:o,linkText:i,image:r})=>{const{width:d,height:s,loaded:u}=I(r);return u?_.default.createElement("div",{className:"lead-modal__thank-you"},_.default.createElement("div",{style:{width:"100%"}},_.default.createElement("img",{src:r,style:{maxHeight:162,objectFit:"cover",aspectRatio:`${d}/${s}`}}),e&&_.default.createElement("h1",{className:`le-thankyou-title le-text-align-${t}`},e),a&&_.default.createElement("p",{className:`le-thankyou-subtitle le-text-align-${l}`},a),i&&_.default.createElement("div",null,_.default.createElement("a",{href:n,target:o?"_blank":"parrent",rel:"noreferrer"},_.default.createElement("button",{className:`lead-modal__btn ${T}`},i))))):null};const U=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},H={call(t){var{url:a,data:l}=t,n=e.__rest(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${U.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},F={call(t){var{url:a,data:l}=t,n=e.__rest(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${U.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},W=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),F.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},V=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),H.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},Y=({phone:e})=>H.call({url:"api/sms/otp",method:"post",data:{phone_number:e.replace("+","")}}),J=({phone:e,otp:t})=>H.call({url:"api/sms/verify",method:"post",data:{otp_code:t,phone_number:e.replace("+","")}}),z={email:{},phone:{}},G=(t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){const n="email"in l?"email":"phone",o="email"in l?l.email:l.phone,i="email"in l?"validator.emailUsed":"validator.phoneUsed";if(z[n][o]){if(z[n][o].value)return i;if(!z[n][o].value&&z[n][o].expire>Date.now())return""}const r=yield((t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e="email"in l?"email":"phone",n="email"in l?l.email:l.phone,o="email"in l?"validator.emailUsed":"validator.phoneUsed",i=yield V({campaign_id:[t],[e]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield W({bot_id:a,[e]:n}))._errorCode?o:void 0})))(t,a,l);return z[n][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},r})),K=({content:e,inlinePosition:a})=>{const n=t.useMemo((()=>{if(!a)return null;const e=document.querySelectorAll(`[data-url="${location.pathname}"] .body-content`),t=Array.from(e).reduce(((e,t)=>[...e,...Array.from(t.children)]),[]);if(null==t?void 0:t.length){const e=t.filter((e=>"P"===e.nodeName)),l=t.filter((e=>"H2"===e.nodeName));let n=null;switch(a){case"1th":n=e[0];break;case"2th":n=e[1];break;case"3th":n=e[2];break;case"4th":n=e[3];break;case"5th":n=e[4];break;case"6th":n=e[5];break;case"7th":n=e[6];break;case"8th":n=e[7];break;case"9th":n=e[8];break;case"10th":n=e[9];break;case"11th":n=e[10];break;case"12th":n=e[11];break;case"lastP":n=e[e.length-1];break;case"1thH2":n=l[0];break;case"2thH2":n=l[1];break;case"3thH2":n=l[2];break;case"4thH2":n=l[3];break;case"5thH2":n=l[4];break;case"6thH2":n=l[5];break;case"7thH2":n=l[6];break;case"8thH2":n=l[7];break;case"9thH2":n=l[8];break;case"10thH2":n=l[9];break;case"lastH2":n=l[l.length-1]}if(n){if(n.parentElement.querySelector(".inline-lead-wrapper"))return n.parentElement.querySelector(".inline-lead-wrapper");{const e=document.createElement("div");return e.classList.add("inline-lead-wrapper"),n.nextElementSibling?n.parentElement.insertBefore(e,n.nextElementSibling):n.parentElement.appendChild(e),e}}}}),[a]);return a&&n?l.createPortal(e,n):null},Q=({content:e})=>{const a=t.useMemo((()=>{const e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((e=>{if(e.querySelector(".sidebar-lead-modal-wrapper"))return;const t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)})),e.map((e=>e.querySelector(".sidebar-lead-modal-wrapper")))}),[]);return _.default.createElement(_.default.Fragment,null,a.map((t=>l.createPortal(e,i.getWrapperDomWithSelector(t,"sidebar-lead-modal-wrapper")))))},[X,Z,ee]=f.createFormContext(),te="undefined"==typeof window,ae={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},le=(a="",l="",n="",o=500)=>{const[i,r]=t.useState([]),[d,s]=t.useState(!1);return t.useEffect((()=>{let t;return a?t=window.setTimeout((()=>e.__awaiter(void 0,void 0,void 0,(function*(){var t;if(a)try{s(!0);const o=yield((t="",a="",l="vi")=>e.__awaiter(void 0,void 0,void 0,(function*(){return new Promise(((e,n)=>{if(!t)return n("Need valid text input");if(te)return n("Need valid window object");try{(new window.google.maps.places.AutocompleteService).getPlacePredictions(Object.assign(Object.assign({input:t},a?{componentRestrictions:{country:a}}:{}),{language:ae[l]}),e)}catch(e){n(e)}}))})))(a,l,n);r(!(t=o)||t.length<1?[]:t.map((e=>({placeId:e.place_id,description:e.description}))))}catch(e){console.error(e)}finally{s(!1)}else r([])}))),o):i.length&&r([]),()=>{window.clearTimeout(t)}}),[a,o,l]),{isLoading:d,predictions:i}},ne=["places"],oe=({name:e,placeholder:a,locale:l})=>{var n;const o=Z(),[i,r]=t.useState(""),[d,s]=t.useState(""),{predictions:u}=le(i||"15 Lê","","tl-PH"===l?"en":null===(n=null==l?void 0:l.split("-"))||void 0===n?void 0:n[0]),[c,m]=t.useState(null),[p,g]=t.useState(!1),f=t.useRef(Math.random().toString(36).substring(7)),v=t.useMemo((()=>{const e=u.map((e=>({value:e.description,label:e.description}))),t=e.find((e=>e.value===d));return!d||t?e:[{value:d,label:d}].concat(e)}),[u,d]);return t.useEffect((()=>{var e,t,a;(null===(a=null===(t=null===(e=null===window||void 0===window?void 0:window.google)||void 0===e?void 0:e.maps)||void 0===t?void 0:t.places)||void 0===a?void 0:a.AutocompleteService)?g(!0):Promise.resolve().then((function(){return k(require("@react-google-maps/api"))})).then((e=>{m((()=>e.LoadScript)),setTimeout((()=>{g(!0)}),200)}))}),[]),p?_.default.createElement(_.default.Fragment,null,c&&_.default.createElement(c,{googleMapsApiKey:"AIzaSyB9QmhfEYcy2wj5X3Fl38aCD5UkET6n82M",libraries:ne,loadingElement:_.default.createElement(_.default.Fragment,null)}),_.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":e,"data-control":"text"}),_.default.createElement(h.Select,Object.assign({className:"lead-modal__form-control",label:a,placeholder:a,withAsterisk:!0,name:e,data:v,searchValue:i,onSearchChange:e=>{r(e)},filter:()=>!0,clearable:!0,searchable:!0,onChange:e=>s(e||""),icon:_.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M9.99999 9.79167C10.4028 9.79167 10.7467 9.64944 11.0317 9.365C11.3161 9.08 11.4583 8.73611 11.4583 8.33333C11.4583 7.93056 11.3161 7.58667 11.0317 7.30167C10.7467 7.01722 10.4028 6.875 9.99999 6.875C9.59721 6.875 9.25332 7.01722 8.96832 7.30167C8.68388 7.58667 8.54166 7.93056 8.54166 8.33333C8.54166 8.73611 8.68388 9.08 8.96832 9.365C9.25332 9.64944 9.59721 9.79167 9.99999 9.79167ZM9.99999 17.875C9.90277 17.875 9.80555 17.8611 9.70832 17.8333C9.6111 17.8056 9.52082 17.7569 9.43749 17.6875C7.46527 15.8958 5.98971 14.2361 5.01082 12.7083C4.03138 11.1806 3.54166 9.77778 3.54166 8.5C3.54166 6.48611 4.1911 4.87833 5.48999 3.67667C6.78832 2.47556 8.29166 1.875 9.99999 1.875C11.7083 1.875 13.2119 2.47556 14.5108 3.67667C15.8092 4.87833 16.4583 6.48611 16.4583 8.5C16.4583 9.77778 15.9689 11.1806 14.99 12.7083C14.0105 14.2361 12.5347 15.8958 10.5625 17.6875C10.4792 17.7569 10.3889 17.8056 10.2917 17.8333C10.1944 17.8611 10.0972 17.875 9.99999 17.875Z",fill:"#8C8C8C"})),autoComplete:"no-auto-complete-"+f.current,rightSection:_.default.createElement(_.default.Fragment,null)},o.getInputProps(e)))):_.default.createElement("div",{style:{height:73}})},ie=({children:e,align:t})=>_.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${T}`},e),re=({children:e,align:t})=>_.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${T}`},e),de=({listBlockAdded:e,popupId:t,locale:a,onClose:l,onOtherSubmit:n})=>{const o=Z();return _.default.createElement(_.default.Fragment,null,e.map(((e,i)=>{const{name:r="",data:d={}}=e||{},{placeholder:u,value:c,align:p,listQuestion:f,isSendMailChimp:v=!1,newtab:b,url:y}=d;switch(r){case"TitleBlock":return _.default.createElement(re,{key:i,align:p},c);case"SubtitleBlock":return _.default.createElement(ie,{key:i,align:p},c);case"TextBlock":return _.default.createElement(m.Input,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"text",name:c},o.getInputProps(c)));case"NumberBlock":return _.default.createElement(m.NumberInput,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"number",name:c},o.getInputProps(c)));case"EmailBlock":return _.default.createElement(m.Input,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"email",name:c},o.getInputProps(c)));case"PhoneOtpBlock":case"PhoneBlock":{const e=t+"-"+c+"-"+i;return _.default.createElement(m.Input.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:i,label:u,className:"lead-modal__form-control",labelProps:{htmlFor:e}},o.getInputProps(c)),_.default.createElement(m.Phone,{name:c,spellCheck:!1,type:"tel",placeholder:u,onChange:e=>{o.setFieldValue(c,e)},id:e,defaultCountry:a&&g.MAPPED_LOCALE[a]||"VN","data-control":"tel"}))}case"LocationBlock":return _.default.createElement(oe,{key:i,name:c,placeholder:u,locale:a});case"DateBlock":return _.default.createElement(m.DatePicker,Object.assign({withAsterisk:!0,key:i,type:"date",name:c,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"date"},o.getInputProps(c)));case"LinkButtonBlock":return _.default.createElement("div",{key:i},_.default.createElement("a",{target:b?"blank":"parrent",href:y,style:{textDecoration:"none"}},_.default.createElement(s.Button,{type:"button",size:"md",className:`lead-modal__btn ${T}`,onClick:()=>{null==l||l(),null==n||n()}},c)));case"CheckboxBlock":return _.default.createElement(_.default.Fragment,null,v&&_.default.createElement("div",{style:{display:"none"},"data-name":c+"-mailchimp"}),_.default.createElement(m.Checkbox.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:i,label:u,size:"md"},o.getInputProps(c)),f.map(((e,t)=>_.default.createElement(m.Checkbox,{name:c,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})))));case"RadioBlock":return _.default.createElement(_.default.Fragment,null,v&&_.default.createElement(m.Input,{type:"hidden",name:c+"-mailchimp",value:v}),_.default.createElement(m.Radio.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:i,label:u,size:"md"},o.getInputProps(c)),f.map(((e,t)=>_.default.createElement(m.Radio,{name:c,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})))));case"DropdownBlock":return _.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":c,"data-control":"dropdown"}),_.default.createElement(h.Select,Object.assign({key:i,className:"lead-modal__form-control",label:u,withAsterisk:!0,name:c,data:f.map((e=>({value:e.value,label:e.placeholder})))},o.getInputProps(c))))}return null})))},se=({phone:a,onSuccess:l,autoSendWhenOpen:n})=>{const{t:o}=d.useTranslations(),[i,r]=t.useState(""),[u,p]=t.useState(!1),[h,g]=t.useState(0),f=t.useRef(null),[y,E]=t.useState(),[w,C]=t.useState(""),S=t.useRef();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!S.current){const e=yield Promise.resolve().then((function(){return k(require("react-phone-number-input"))}));S.current=e.formatPhoneNumberIntl}C((null===(e=S.current)||void 0===e?void 0:e.call(S,a))||a)}))}),[a]);const N=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!a)return;const t=yield Y({phone:a}),n=null===(e=null==t?void 0:t._messages)||void 0===e?void 0:e[0];"Send sms successfully"===n?(g(60),setTimeout((()=>{f.current&&(f.current.focus(),f.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===n?l():E(n||"something Wrong")}));return t.useEffect((()=>{setTimeout((()=>{h>0&&g((e=>e-1))}),1e3)}),[h]),t.useEffect((()=>{n&&!h&&N()}),[]),_.default.createElement(_.default.Fragment,null,_.default.createElement("form",{onSubmit:t=>{t.preventDefault(),e.__awaiter(void 0,void 0,void 0,(function*(){if(!a||!i)return;const e=yield J({phone:a,otp:i}),t=null==e?void 0:e._messages[0];"Verify successfully"===t||"This phone number was verified"===t?l():E(t||"something Wrong")}))},className:"lead-phone-otp-form"},_.default.createElement(b.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},o("lead.otp.title")),_.default.createElement(v.Text,{size:"p1",color:c.theme.colors.gray600},o("lead.otp.desc",{phone:w})),_.default.createElement(m.Input,{ref:f,name:"_"+name+"-otp",spellCheck:!1,type:"number",placeholder:"Enter OTP",className:"lead-modal__form-control",label:"Phone OTP","data-control":"otp",withAsterisk:!0,pattern:"[0-9]*",value:i,onChange:e=>{p(!0),r(e),E(u&&!e?"OTP is required":void 0)},error:u?y:void 0}),_.default.createElement(s.Button,{size:"md",color:"primary",className:`lead-modal__btn ${T}`,disabled:!i},o("lead.otp.verify")),_.default.createElement(s.Button,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${T}`,onClick:()=>{N()},disabled:!!h},o("lead.otp.resend",{timer:h?` (${h}s)`:""}))))},ue=({popupId:e,extraFields:a,onClose:l,onOtherSubmit:n,imageMobile:o,imageDesktop:i,imageOverlayMobile:r,imageOverlayDesktop:c,imageBackground:m,currentLayout:p,title:h,onSubmit:g,showThankyou:f,campaignId:v,campaign_subot_id:b,locale:y})=>{var k,E,w;const C=JSON.parse(a.listBlockAdded),S=JSON.parse(a.actionBlocks),N=JSON.parse(a.textBlocks),x=S.submitBlock.data.url,O=S.submitBlock.data.text,j=S.submitBlock.data.text2,B=S.submitBlock.data.value,q=location.pathname,L=p.includes("Inline")||"Sidebar"===p,$="Slider"===p,[R,D]=t.useState(!0),[U,H]=t.useState(""),F=t.useRef(),W=()=>{U?H(""):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(p))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((()=>{(p.includes("LightBox")||"Fullscreen"==p)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),z.email={},z.phone={}}),[]);const V=t.useRef(!1),Y=t.useRef(!1),{form:J,validateObj:Z}=(({listBlockAdded:e=[],validatingPhoneRef:a,validatingEmailRef:l,campaignId:n,campaign_subot_id:o=[]})=>{const{t:i}=d.useTranslations(),r=t.useMemo((()=>{const t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],r=(e,t)=>a=>{if(u.current.isTouched(e))return void 0===a||""===a||Array.isArray(a)&&0===a.length?i("validator.required"):null==t?void 0:t(a)};return e.filter((e=>t.includes(e.name))).reduce(((e,t)=>"NumberBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(isNaN(Number(e)))return i("validator.number")}))}):"EmailBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))return i("validator.email");l.current=!0,setTimeout((()=>{u.current.setFieldError(t.data.value,"Validating..."),G(n,o,{email:e}).then((e=>{e?u.current.setFieldError(t.data.value,i(e)):u.current.clearFieldError(t.data.value),l.current=!1})).catch((e=>{console.error(e),u.current.setFieldError(t.data.value,e.message||"Something went wrong"),l.current=!1}))}),200)}))}):"PhoneBlock"===t.name||"PhoneOtpBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),P.countryCode))return i("validator.phone");a.current=!0,setTimeout((()=>{u.current.setFieldError(t.data.value,"Validating..."),G(n,o,{phone:e}).then((e=>{e?u.current.setFieldError(t.data.value,i(e)):u.current.clearFieldError(t.data.value),a.current=!1})).catch((e=>{console.error(e),u.current.setFieldError(t.data.value,e.message||"Something went wrong"),a.current=!1}))}),200)}))}):"DateBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(isNaN(Date.parse(e)))return i("validator.date")}))}):Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value)})),{})}),[e.map((e=>e.name)).join(",")]),s=ee({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:r}),u=t.useRef(s);return u.current=s,{form:s,validateObj:r}})({listBlockAdded:C,validatingPhoneRef:V,validatingEmailRef:Y,campaignId:v,campaign_subot_id:b}),{width:te,height:ae,loaded:le}=I(m),{width:ne,height:oe,loaded:ie}=I(o),{width:re,height:ue,loaded:ce}=I(i),me=ie&&ce&&("Fullscreen"!=p||le),pe=_.default.createElement(_.default.Fragment,null,_.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n          .le-newbuilder-overlay {\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n          ${r?`\n              .le-newbuilder-overlay {\n                background: url(${r}) ;\n              }`:""}\n          ${c?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${c}) ;\n                }\n              }`:""}`}}),_.default.createElement("div",{id:e,"data-popup-url":q,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${L?"le-buider-inline":""} ${$?"le-buider-slider":""}`},"Fullscreen"==p?_.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:m||"",style:{aspectRatio:`${te}/${ae}`}}):null,_.default.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${p}`},_.default.createElement("div",{className:`lead-modal__content le-newbuilder-${p}`},f?_.default.createElement(M,{title:f.title,titleAlign:f.titleAlign,subtitle:f.subtitle,subtitleAlign:f.subtitleAlign,link:f.link,linkNewTab:f.linkNewTab,linkText:f.linkText,image:f.image}):_.default.createElement(_.default.Fragment,null,_.default.createElement("header",{className:"lead-modal__header"},U?_.default.createElement("img",{src:u.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):_.default.createElement(_.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(p)?o?_.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:o,style:{aspectRatio:`${ne}/${oe}`},alt:""}):null:_.default.createElement(_.default.Fragment,null,i?_.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover",aspectRatio:`${re}/${ue}`},src:i,alt:""}):null,o?_.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:o,alt:"",style:{aspectRatio:`${ne}/${oe}`}}):null))),U&&_.default.createElement(se,{phone:U,autoSendWhenOpen:!0,onSuccess:()=>{null==g||g(F.current,J.values)}}),_.default.createElement("div",{"data-hidden":!!U,className:"lead-modal__body le-newbuilder-overlay"},_.default.createElement(X,{form:J},_.default.createElement("form",{ref:F,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),J.setTouched(Object.keys(Z).reduce(((e,t)=>(e[t]=!0,e)),{})),Y.current||V.current||setTimeout((()=>{J.onSubmit((e=>{var t,a,l;if(!Object.keys(J.errors).length){if(C.findIndex((e=>"PhoneOtpBlock"===e.name))>-1){const n=null===(a=null===(t=C.find((e=>"PhoneOtpBlock"===e.name)))||void 0===t?void 0:t.data)||void 0===a?void 0:a.value;if(null===(l=e[n])||void 0===l?void 0:l.startsWith("+84"))return void H(e[n])}null==g||g(F.current,e)}}))(e)}),100)}},_.default.createElement("div",{style:{marginBottom:20}},_.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(null===(k=N.titleBlock.data)||void 0===k?void 0:k.align)} ${T}`},h),_.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(E=N.titleBlock.data)||void 0===E?void 0:E.align)} ${T}`},N.subtitleBlock.data.value)),_.default.createElement("div",{className:"lead-modal__form-control-wrapper"},_.default.createElement(de,{listBlockAdded:C,popupId:e,locale:y,onClose:W,onOtherSubmit:n})),(null===(w=null==S?void 0:S.submitBlock)||void 0===w?void 0:w.isHide)?null:_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{className:`lead-modal__checkbox-wrapper ${T}`},_.default.createElement("div",{className:"lead-modal__checkbox"},_.default.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${T}`,type:"checkbox","aria-label":"Checkbox label",checked:R,onChange:e=>D(e.currentTarget.checked)}),_.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),_.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},O," ",_.default.createElement("span",{style:{fontWeight:"bold"}},_.default.createElement("a",{target:"blank",href:x||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},j)))),_.default.createElement(s.Button,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${T}`,disabled:!R},B))))))),!p.includes("Inline")&&_.default.createElement(A,{onClose:W,containerClassName:"close-button-top-right"}))));return me?p.includes("LightBox")||"Fullscreen"==p||"Slider"==p?pe:"Sidebar"==p?_.default.createElement(Q,{content:pe}):p.includes("Inline")?_.default.createElement(K,{content:pe,inlinePosition:a.popupInlinePosition}):null:null},ce=({popupId:e,link:t,linkText:a,linkNewTab:l,onClose:n,imageMobile:o,imageDesktop:i,currentLayout:r,onOtherSubmit:d})=>{const s=location.pathname,{width:u,height:c,loaded:m}=I(o),{width:p,height:h,loaded:g}=I(i);return m&&g?_.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==r?_.default.createElement("aside",{className:"le-only-desktop"},_.default.createElement("div",{className:"le-skin-a-desktop"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("img",{src:i,style:{aspectRatio:`${p}/${h}`}}),_.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},_.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},a)),_.default.createElement(A,{onClose:n,containerClassName:"close-button-top-right"})))):"SkinB"==r?_.default.createElement("aside",{className:"le-only-desktop"},_.default.createElement("div",{className:""},_.default.createElement("div",{style:{position:"relative",zIndex:1e4}},_.default.createElement("img",{src:i,style:{width:"100%",aspectRatio:`${p}/${h}`}}),_.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},_.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),_.default.createElement(A,{containerClassName:"close-button-top-right",onClose:n})))):null,_.default.createElement("aside",{className:"le-only-mobile"},_.default.createElement("div",{className:"le-skin-mobile"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("img",{src:o,style:{width:"100%",aspectRatio:`${u}/${c}`}}),_.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},_.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),_.default.createElement(A,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:n}))))):null},me=({popupId:e,url:t,newTab:a,image:l,onClose:n,onOtherSubmit:o})=>{const{width:i,height:r,loaded:d}=I(l);return d?_.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},_.default.createElement("div",{className:"le-tab-popup"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:o},_.default.createElement("img",{className:"js-popup-other-submit",src:l,style:{aspectRatio:`${i}/${r}`}})),_.default.createElement(A,{onClose:n,containerClassName:"close-button-top-right"})))):null},pe=[],he=[],ge=[];const fe=e=>{const t=[...e];for(let e=t.length-1;e>0;e--){const a=Math.floor(Math.random()*(e+1)),l=t[e];t[e]=t[a],t[a]=l}return t},ve=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},be=e=>{try{const[t,a]=e.split(" "),[l,n,o]=t.split("-").map(Number),[i,r,d]=a.split(":").map(Number);return new Date(l,n-1,o,i,r,d)}catch(e){return null}};const ye=e=>1===e.formatted_status?function(e){var t;if(1===e.forever)return!0;const a=e.started_at,l=e.ended_at,n=be(a),o=be(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1,r=j[i];return!(ve(r).getTime()>o.getTime()&&(ge.push(e),1))}(e):0===e.formatted_status&&(pe.push(e),(e=>{var t;const a=(null===(t=e.site)||void 0===t?void 0:t.id)||1,l=e.started_at,n=e.ended_at,o=be(l),i=be(n);if(!o||!i)return!1;const r=j[a],d=ve(r).getTime();return d<=i.getTime()&&d>=o.getTime()&&(he.push(e),!0)})(e));let ke=null;function _e({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:l,DEBUG_URL:n}){const i=n||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(e+"api/campaign/"+t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:o.getCookie("_ga")||null})}).then((e=>e.json())).then((e=>{var t,n,d,s,u;if(Ee("List campagin: ",e),x="https://"+location.hostname+location.pathname+location.search,1==e._status){const c=(null===(n=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===n?void 0:n.filter(ye))||[];o.getCookie("hhg-id")||(o.setCookie("hhg-id",r.v1(),{domain:"."+a,path:"/"}),Ee("😍 Set HHG ID cookie"));let m=[];m=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?c.filter((e=>e.device_types.some((e=>e.id==N.MOBILE)))):c.filter((e=>e.device_types.some((e=>e.id==N.DESKTOP)))),Ee("👓 campaignsDevice",m),Ee("--listCampaignScheduled",pe),Ee("--listCampaignScheduledToActivated",he),Ee("--listCampaignActiveButExpired",ge);let p=m.map(((e,t)=>e.targets.filter((e=>e.type==C.LINKS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);p=p.filter((e=>{const t=new URL(String(e.target).toLowerCase());if("exact_match"==e.option)return Boolean(i===t.href);if("start_with"==e.option){if(i.includes(String(e.target))){return!e.sub_target.filter((e=>"excluding"==e.option)).map((e=>e.value)).includes(i.split("?")[0])}return!1}}));const h=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let g=[],f=[];h&&h.length&&(g=m.map(((e,t)=>e.targets.filter((e=>e.type==C.TAGS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),f=g.filter((e=>h.includes(e.target))));const v=[...p,...f],b=document.cookie.split("; ").map((e=>e.split("=")[0])),y=b.filter((e=>e.includes("lead_submited")));Ee("--listCampaignCodeSubmited",y);const k=b.filter((e=>e.includes("lead_closed")));Ee("--listCampaignCodeClosed",k);const _=[...y,...k],E=v.filter((e=>!_.some((t=>t.includes(m[e.campaignIndex].code))))),w=fe(E);if(Ee("--listCampaignValid : ",w),w&&w.length){const e=m[w[0].campaignIndex];Ee("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(d=t.find((e=>"time"==e.rule)))||void 0===d?void 0:d.value);Ee("timeoutRule",a);const n=Number(null===(s=t.find((e=>"scroll"==e.rule)))||void 0===s?void 0:s.value);Ee("scrollRule",n);const o=Number(null===(u=t.find((e=>"exclude_sponsored"==e.rule)))||void 0===u?void 0:u.value);Ee("excludeSponsored",o);const i=Boolean(document.querySelector(".hhg-disclaimer-text"));if(Ee("💎 LEAD current page isSponsored",i),i&&o)return;let r="TIME";if(Number.isInteger(a)&&(r="TIME",Ee("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),ke&&clearTimeout(ke),ke=setTimeout((()=>{null==l||l(e,r)}),1e3*a)),Number.isInteger(n)){r="SCROLL",Ee("✨ SHOW AWESOME AFTER: SCROLL",n," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,o=t.offsetHeight;Ee("👓 Element check scroll: ",t);const i=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let d=0;t>=a&&(d=Math.round((t-a)/(o-innerHeight)*100)),Ee("---Scroll",d,n),d>=n&&(window.removeEventListener("scroll",i),null==l||l(e,r))};window.addEventListener("scroll",i,{passive:!0})}}else Ee("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{Ee("Lead error: ",e)}))}const Ee=(...e)=>{("production"!==process.env.NODE_ENV||process.env.NEXT_PUBLIC_DEPLOY_ENV&&"production"!==process.env.NEXT_PUBLIC_DEPLOY_ENV||"undefined"!=typeof localStorage&&"true"===localStorage.getItem("hhg_debug"))&&console.log(...e)};const we=({campaign:e,action:a,onSubmit:l,onClose:n,showThankyou:i,locale:s})=>{var u,c;d.useTranslations();const{apiUrl:m,siteDomain:p}=t.useContext($);t.useEffect((()=>{const e=o.getCookie("_ga")||null;fetch(`${m}api/campaign/${v}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:h,image:g,image_desktop:f,code:v,image_background:b,image_overlay_mobile:y,image_overlay_desktop:k}=e,{currentLayout:E}=h,w=h.imageBlocks?JSON.parse(h.imageBlocks):{},C=JSON.parse(h.actionBlocks),S=JSON.parse(h.textBlocks);let N=(null===(c=null===(u=null==S?void 0:S.titleBlock)||void 0===u?void 0:u.data)||void 0===c?void 0:c.value)||"";const T={1:{},2:{},3:{}},x=t.useRef("lead-modal-"+r.v1()),O=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(N);if(O){Ee("⚡️ Has categoryLevel",O);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${O}`)),a=e.find((e=>e.name===`content_category_en_${O}`));if(!t||!a)return Ee("⚡️ No META TAG for categoryLevel, not show popup",O),null;T[O]={value:t.content,value_en:a.content},N=N.replace(`{{category_${O}}}`,t.content),Ee("⚡️ Set categoryData ",O)}else Ee("⚡️ No categoryLevel",O);const P=()=>{var t,a,l,i;if(Ee("👌 Other submit click"),document.body.classList.remove("noscroll"),E.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const r=Number(null!==(a=null===(t=e.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value)&&void 0!==a?a:7),d=Number(null!==(i=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==i?i:0);0===d&&(Ee("⛔ Popup never show again!"),o.setCookie(`lead_submited_${v}`,`target_${h.popupVersion}`,{domain:"."+p,path:"/"})),1==d&&(Ee(`⌛ Popup will show again after ${r} days!`),o.setCookie(`lead_submited_${v}`,`target_${h.popupVersion}`,{domain:"."+p,days:r,path:"/"}));const s=o.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:s};O&&(u.category=T[O].value_en),fetch(`${m}api/campaign/${v}/lead`,{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&Ee(e)})).catch((e=>{Ee("Error:",e)})),null==n||n()};return"CenterTab"===E?_.default.createElement(R,{popupId:x.current,url:w.imageMobile.data.url,newTab:w.imageMobile.data.newtab,imageMobile:g,imageDestkop:f,onClose:n,onOtherSubmit:P}):"Tab"===E?_.default.createElement(me,{popupId:x.current,url:w.imageMobile.data.url,newTab:w.imageMobile.data.newtab,image:g,onClose:n,onOtherSubmit:P}):"Floating"===E?_.default.createElement(D,{popupId:x.current,title:N,titleAlign:S.titleBlock.data.align,subtitle:S.subtitleBlock.data.value,subtitleAlign:S.subtitleBlock.data.align,url:C.linkButtonBlock.data.url,urlText:C.linkButtonBlock.data.value,newTab:C.linkButtonBlock.data.newtab,imageMobile:g,imageDesktop:f,onClose:n,onOtherSubmit:P}):E.includes("LightBox")||E.includes("Inline")||"Fullscreen"==E||"Sidebar"==E||"Slider"==E?_.default.createElement(ue,{popupId:x.current,extraFields:h,onClose:n,onOtherSubmit:P,imageMobile:g,imageDesktop:f,imageBackground:b,currentLayout:E,title:N,onSubmit:(e,t)=>l(e,t,O,T),key:E,imageOverlayDesktop:k,imageOverlayMobile:y,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:s}):E.includes("Skin")?_.default.createElement(ce,{popupId:x.current,link:C.linkButtonBlock.data.url,linkNewTab:!!C.linkButtonBlock.data.newtab,linkText:C.linkButtonBlock.data.value,onClose:n,onOtherSubmit:P,imageMobile:g,imageDesktop:f,currentLayout:E}):null};exports.LeadGen=({apiUrl:a,siteDomain:r,siteId:d,locale:s,apiSubotUrl:u,DEBUG_URL:c})=>{var m;const p=t.useRef(),h=t.useRef(Date.now()),{apiUrl:g}=t.useMemo((()=>{let e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,r,d]),[f,v]=t.useState(null),[b,y]=t.useState(""),[k,C]=t.useState(null);t.useEffect((()=>{U.apiLeadUrl=g,U.apiSubotUrl=u}),[g,u]);const S=(e,t)=>{v(e),y(t)},N=()=>{var e,t;if(!f)return;Ee(`👋👋👋 CLOSE POPUP ${f.code} 👋👋👋`);const a=Number(null===(e=f.rules.find((e=>"show_again_after_exit"==e.rule)))||void 0===e?void 0:e.value),l=Number(null===(t=f.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&(l?o.setCookie(`lead_closed_${f.code}`,`target_${f.extra_fields.popupVersion}`,{domain:"."+r,days:l,path:"/"}):o.setCookie(`lead_closed_${f.code}`,`target_${f.extra_fields.popupVersion}`,{domain:"."+r,path:"/"})),document.body.classList.remove("noscroll"),fetch(`${g}api/campaign/${f.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:o.getCookie("hhg-id"),duration:Math.ceil((Date.now()-h.current)/1e3)})}),v(null),C(null)};t.useEffect((()=>{if(window.next){const e=E.default((e=>{Ee("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;N(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?Ee("🔥 This URL page has show popup!"):(Ee("--Process checkShowPopup"),_e({leadApi:g,leadDomain:r,leadSiteId:d,onShowPopup:S,DEBUG_URL:c})),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}_e({leadApi:g,leadDomain:r,leadSiteId:d,onShowPopup:S,DEBUG_URL:c})}),[]);return t.useEffect((()=>{f&&(h.current=Date.now())}),[f]),_.default.createElement($.Provider,{value:{apiUrl:g,siteDomain:r,siteId:d,locale:s}},_.default.createElement(n.TranslationsContext.Provider,{value:{locale:s,values:L(s)}},l.createPortal(_.default.createElement(_.default.Fragment,null,"2.1"===(null===(m=null==f?void 0:f.extra_fields)||void 0===m?void 0:m.popupVersion)&&_.default.createElement(we,{campaign:f,action:b,onSubmit:(t,a,l,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,i,d,s,u,c,m,p,h,v,b;if(!a)return;Ee("submitHandler",l,n);const y=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),k=o.getCookie("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const _={url:location.href.toLowerCase(),title_article:document.title,meta:y.map((e=>{var a,l;const n=(null===(a=t.querySelector(`*[name="${e.name}"]`))||void 0===a?void 0:a.getAttribute("data-control"))||(null===(l=t.querySelector(`*[data-extra][data-name="${e.name}"]`))||void 0===l?void 0:l.getAttribute("data-control"))||"text",o="tel"===n?window.intlTelInputUtils.formatNumber(String(e.value),null==P?void 0:P.countryCodeNumber,2).replace(/\s+/g,""):"date"===n?w.default(e.value).format("YYYY-MM-DD"):e.value;return{key:e.name,value:o,control:n,is_sent_mailchimp:t.querySelector(`div[data-name="${e.name}-mailchimp"]`)?"true":"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:k};l&&n[l].value_en&&(_.category=n[l].value_en);const E=Number((null===(i=null===(e=f.rules)||void 0===e?void 0:e.find((e=>"days_to_show_again"===e.rule)))||void 0===i?void 0:i.value)||7),S=Number((null===(s=null===(d=f.rules)||void 0===d?void 0:d.find((e=>"show_again_after_submit"===e.rule)))||void 0===s?void 0:s.value)||0);if(0==S&&(Ee("⛔ Popup never show again!"),o.setCookie(`lead_submited_${f.code}`,`target_${f.extra_fields.targetType}`,{domain:"."+r,path:"/"})),1==S&&(Ee(`⌛ Popup will show again after ${E} days!`),o.setCookie(`lead_submited_${f.code}`,`target_${f.extra_fields.targetType}`,{domain:"."+r,days:E,path:"/"})),fetch(`${g}api/campaign/${f.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(_)}),"notshow"==f.extra_fields.popupShowThankYou)return N(),void document.body.classList.remove("noscroll");let T=!0;const x=f.thank_you_image||`${g}admin/img/thanksyou.png`;let O,j,B=f.extra_fields.popupThankyouTitle||"Thank you.",q=f.extra_fields.popupThankyouDesc||"We appreciate your time!",L="",$="",I="";if("2.1"==f.extra_fields.popupVersion){const e=f.extra_fields,t=JSON.parse(e.listBlockThankyou),a=t.find((e=>"TitleBlock"==e.name)),l=t.find((e=>"SubtitleBlock"==e.name)),n=t.find((e=>"LinkButtonBlock"==e.name));B=(null===(u=null==a?void 0:a.data)||void 0===u?void 0:u.value)||"",L=(null===(c=null==a?void 0:a.data)||void 0===c?void 0:c.align)||"",q=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.value)||"",$=(null===(p=null==l?void 0:l.data)||void 0===p?void 0:p.align)||"",O=(null===(h=null==n?void 0:n.data)||void 0===h?void 0:h.value)||"",j=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.newtab)||!1,I=(null===(b=null==n?void 0:n.data)||void 0===b?void 0:b.url)||"";const o=f.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(T=!1)}C(T?{title:B,titleAlign:L,subtitle:q,subtitleAlign:$,link:I,linkNewTab:j,linkText:O,image:x}: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}},y.map((e=>{const 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))})),onClose:N,showThankyou:k,locale:s})),i.getPopupWrapperDom())))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-6cc6202d.js"),t=require("react"),a=require("lodash/debounce"),l=require("react-dom"),n=require("./translationsContext-e545bfdf.js"),o=require("./cookieHelper-08dcca45.js"),i=require("./utils-efe1a237.js"),r=require("uuid"),d=require("./useTranslations-180b224a.js");require("./index.styled-5bc4a4b6.js");var s=require("./index-177100b9.js"),u=require("./gAssets.js");require("@mantine/core"),require("./index.styled-3ac29630.js"),require("./index-596ac3bf.js");var c=require("./theme-7f938f51.js");require("./index.styled-d13cbd8e.js"),require("string-format"),require("./index-c5488d40.js");var m=require("./index.styles-a38eaf42.js");require("./index-07bd454b.js"),require("./Onboarding-42d0015c.js");var p=require("dayjs");require("./screenSizeContext-a8d848ec.js"),require("styled-components"),require("./isProduction-eb9ee7c9.js"),require("@mantine/hooks"),require("./index.styled-1f25a7c0.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./index.styled-2813b78a.js"),require("./index-e5245d33.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-391a418d.js"),require("react-hook-form"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-48876b56.js");var h=require("./index-8c37251e.js"),g=require("./index.styled-4883a3ce.js"),f=require("@mantine/form");require("yup");var v=require("./index-7bb39ce0.js"),b=require("./index-72884c62.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function k(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("@mantine/dates"),require("./index-624e32a7.js"),require("./index-d48375af.js"),require("@hookform/resolvers/yup"),require("./index-a10c456d.js"),require("./useUniqueId-d09e507f.js"),require("./index-e9025b9d.js"),require("./index-8e22ac59.js"),require("slugify"),require("./routing-9fde2ffa.js"),require("dayjs/plugin/relativeTime"),require("./index-5c6f265a.js"),require("./Visible-8b2fd6de.js");var _=y(t),E=y(a),w=y(p);const C={LINKS:1,TAGS:2};let S="https://dev.leadgen.hellobacsi.com/";const N={MOBILE:1,DESKTOP:2};let T="";S.includes("localhost")&&(S="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(T="pink");let x="https://"+location.hostname+location.pathname+location.search;x=x.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const O={"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}},P=O[document.documentElement.lang]||O["vi-VN"];const j={1:"Asia/Ho_Chi_Minh",10:"Asia/Ho_Chi_Minh",11:"Asia/Ho_Chi_Minh",12:"Asia/Ho_Chi_Minh",2:"Asia/Jakarta",3:"Asia/Bangkok",4:"Asia/Phnom_Penh",5:"Asia/Kuala_Lumpur",6:"Asia/Taipei",7:"Asia/Yangon",8:"Asia/Kolkata",9:"Asia/Manila"};var B={"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}.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"};const q={"en-PH":B,"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","validator.emailUsed":"Email này đã được sử dụng cho chiến dịch.","validator.phoneUsed":"Số điện thoại này đã được sử dụng cho chiến dịch.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"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.","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.emailUsed":"Email already in use for this campaign.","validator.phoneUsed":"Your phone number already in use for this campaign.","lead.otp.title":"Enter OTP","lead.otp.desc":"We have sent an OTP to your mobile number {phone}","lead.otp.verify":"Verify","lead.otp.resend":"Resend OTP{timer}"},"tl-PH":B},L=e=>{const t=q[e];return t||q["en-PH"]},$=t.createContext({}),I=e=>{const[a,l]=t.useState(16),[n,o]=t.useState(9),[i,r]=t.useState(!1);return t.useEffect((()=>{if(r(!1),e){const t=new Image;t.addEventListener("load",(()=>{l(t.naturalWidth),o(t.naturalHeight),r(!0)})),t.addEventListener("error",(()=>{l(16),o(9),r(!0)})),t.src=e}else l(16),o(9),r(!0)}),[e]),{loaded:i,width:a,height:n}},A=({onClose:e,containerClassName:t,svgClassName:a})=>_.default.createElement("button",{onClick:e,className:`le-newbuilder-close-button js-modal__close ${t||""}`},_.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a},_.default.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),_.default.createElement("path",{d:"M16 17.05L10.925 22.125C10.7917 22.2584 10.621 22.329 10.413 22.337C10.2044 22.3457 10.025 22.275 9.87502 22.125C9.72502 21.975 9.65002 21.8 9.65002 21.6C9.65002 21.4 9.72502 21.225 9.87502 21.075L14.95 16L9.87502 10.925C9.74169 10.7917 9.67102 10.6207 9.66302 10.412C9.65436 10.204 9.72502 10.025 9.87502 9.87502C10.025 9.72502 10.2 9.65002 10.4 9.65002C10.6 9.65002 10.775 9.72502 10.925 9.87502L16 14.95L21.075 9.87502C21.2084 9.74169 21.3794 9.67069 21.588 9.66202C21.796 9.65402 21.975 9.72502 22.125 9.87502C22.275 10.025 22.35 10.2 22.35 10.4C22.35 10.6 22.275 10.775 22.125 10.925L17.05 16L22.125 21.075C22.2584 21.2084 22.329 21.379 22.337 21.587C22.3457 21.7957 22.275 21.975 22.125 22.125C21.975 22.275 21.8 22.35 21.6 22.35C21.4 22.35 21.225 22.275 21.075 22.125L16 17.05Z",fill:"#595959"}))),R=({popupId:e,url:t,newTab:a,imageDestkop:l,imageMobile:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:d,loaded:s}=I(n),{width:u,height:c,loaded:m}=I(l);return s&&m?_.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},_.default.createElement("div",{className:"le-center-tab-popup"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:i},_.default.createElement("img",{className:"le-only-mobile",src:n,style:{aspectRatio:`${r}/${d}`}}),_.default.createElement("img",{className:"le-only-desktop",src:l,style:{aspectRatio:`${u}/${c}`}})),_.default.createElement(A,{onClose:o,containerClassName:"close-button-top-right"})))):null},D=({popupId:e,url:t,title:a,urlText:l,titleAlign:n,subtitle:o,subtitleAlign:i,newTab:r,imageDesktop:d,imageMobile:s,onClose:u,onOtherSubmit:c})=>{const{width:m,height:p,loaded:h}=I(s),{width:g,height:f,loaded:v}=I(d);return h&&v?_.default.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},_.default.createElement("aside",{className:"le-only-desktop"},_.default.createElement("div",{className:"le-floating-desktop"},_.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?_.default.createElement("div",null,_.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5,aspectRatio:`${g}/${f}`},src:d})):null,_.default.createElement("div",{style:{padding:20}},_.default.createElement("div",{className:`le-floating-desktop-title le-text-align-${n}`},a),_.default.createElement("div",{className:`le-floating-desktop-desc le-text-align-${i}`},o)),_.default.createElement("a",{target:r?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},_.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l)),_.default.createElement(A,{onClose:u,containerClassName:"close-button-top-right"})))),_.default.createElement("aside",{className:"le-only-mobile"},_.default.createElement("div",{className:"le-floating-mobile"},_.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},_.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},_.default.createElement("div",null,_.default.createElement("div",{className:`le-floating-mobile-title le-text-align-${n}`},a),_.default.createElement("div",{className:`le-floating-mobile-desc le-text-align-${i}`},o)),s?_.default.createElement("div",null,_.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100,aspectRatio:`${m}/${p}`},src:s})):null),_.default.createElement("div",{style:{textAlign:"center",marginTop:10}},_.default.createElement("a",{target:r?"blank":"_parent",href:t,style:{textDecoration:"none"}},_.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l))),_.default.createElement(A,{onClose:u,containerClassName:"close-button-top-right"}))))):null},M=({title:e,titleAlign:t,subtitle:a,subtitleAlign:l,link:n,linkNewTab:o,linkText:i,image:r})=>{const{width:d,height:s,loaded:u}=I(r);return u?_.default.createElement("div",{className:"lead-modal__thank-you"},_.default.createElement("div",{style:{width:"100%"}},_.default.createElement("img",{src:r,style:{maxHeight:162,objectFit:"cover",aspectRatio:`${d}/${s}`}}),e&&_.default.createElement("h1",{className:`le-thankyou-title le-text-align-${t}`},e),a&&_.default.createElement("p",{className:`le-thankyou-subtitle le-text-align-${l}`},a),i&&_.default.createElement("div",null,_.default.createElement("a",{href:n,target:o?"_blank":"parrent",rel:"noreferrer"},_.default.createElement("button",{className:`lead-modal__btn ${T}`},i))))):null};const U=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},H={call(t){var{url:a,data:l}=t,n=e.__rest(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${U.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},F={call(t){var{url:a,data:l}=t,n=e.__rest(t,["url","data"]);return n.body=JSON.stringify(l),n.headers={"Content-Type":"application/json"},fetch(`${U.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((e=>({})))}},W=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),F.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},V=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),H.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},Y=({phone:e})=>H.call({url:"api/sms/otp",method:"post",data:{phone_number:e.replace("+","")}}),J=({phone:e,otp:t})=>H.call({url:"api/sms/verify",method:"post",data:{otp_code:t,phone_number:e.replace("+","")}}),z={email:{},phone:{}},G=(t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){const n="email"in l?"email":"phone",o="email"in l?l.email:l.phone,i="email"in l?"validator.emailUsed":"validator.phoneUsed";if(z[n][o]){if(z[n][o].value)return i;if(!z[n][o].value&&z[n][o].expire>Date.now())return""}const r=yield((t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){const e="email"in l?"email":"phone",n="email"in l?l.email:l.phone,o="email"in l?"validator.emailUsed":"validator.phoneUsed",i=yield V({campaign_id:[t],[e]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield W({bot_id:a,[e]:n}))._errorCode?o:void 0})))(t,a,l);return z[n][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},r})),K=({content:e,inlinePosition:a})=>{const n=t.useMemo((()=>{if(!a)return null;const e=document.querySelectorAll(`[data-url="${location.pathname}"] .body-content`),t=Array.from(e).reduce(((e,t)=>[...e,...Array.from(t.children)]),[]);if(null==t?void 0:t.length){const e=t.filter((e=>"P"===e.nodeName)),l=t.filter((e=>"H2"===e.nodeName));let n=null;switch(a){case"1th":n=e[0];break;case"2th":n=e[1];break;case"3th":n=e[2];break;case"4th":n=e[3];break;case"5th":n=e[4];break;case"6th":n=e[5];break;case"7th":n=e[6];break;case"8th":n=e[7];break;case"9th":n=e[8];break;case"10th":n=e[9];break;case"11th":n=e[10];break;case"12th":n=e[11];break;case"lastP":n=e[e.length-1];break;case"1thH2":n=l[0];break;case"2thH2":n=l[1];break;case"3thH2":n=l[2];break;case"4thH2":n=l[3];break;case"5thH2":n=l[4];break;case"6thH2":n=l[5];break;case"7thH2":n=l[6];break;case"8thH2":n=l[7];break;case"9thH2":n=l[8];break;case"10thH2":n=l[9];break;case"lastH2":n=l[l.length-1]}if(n){if(n.parentElement.querySelector(".inline-lead-wrapper"))return n.parentElement.querySelector(".inline-lead-wrapper");{const e=document.createElement("div");return e.classList.add("inline-lead-wrapper"),n.nextElementSibling?n.parentElement.insertBefore(e,n.nextElementSibling):n.parentElement.appendChild(e),e}}}}),[a]);return a&&n?l.createPortal(e,n):null},Q=({content:e})=>{const a=t.useMemo((()=>{const e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((e=>{if(e.querySelector(".sidebar-lead-modal-wrapper"))return;const t=document.createElement("div");t.classList.add("sidebar-lead-modal-wrapper"),e.prepend(t)})),e.map((e=>e.querySelector(".sidebar-lead-modal-wrapper")))}),[]);return _.default.createElement(_.default.Fragment,null,a.map((t=>l.createPortal(e,i.getWrapperDomWithSelector(t,"sidebar-lead-modal-wrapper")))))},[X,Z,ee]=f.createFormContext(),te="undefined"==typeof window,ae={VN:"vi",ID:"id",TH:"th",MY:"ms",TW:"zh-TW",KH:"km",MM:"my",IN:"hi",PH:"en"},le=(a="",l="",n="",o=500)=>{const[i,r]=t.useState([]),[d,s]=t.useState(!1);return t.useEffect((()=>{let t;return a?t=window.setTimeout((()=>e.__awaiter(void 0,void 0,void 0,(function*(){var t;if(a)try{s(!0);const o=yield((t="",a="",l="vi")=>e.__awaiter(void 0,void 0,void 0,(function*(){return new Promise(((e,n)=>{if(!t)return n("Need valid text input");if(te)return n("Need valid window object");try{(new window.google.maps.places.AutocompleteService).getPlacePredictions(Object.assign(Object.assign({input:t},a?{componentRestrictions:{country:a}}:{}),{language:ae[l]}),e)}catch(e){n(e)}}))})))(a,l,n);r(!(t=o)||t.length<1?[]:t.map((e=>({placeId:e.place_id,description:e.description}))))}catch(e){console.error(e)}finally{s(!1)}else r([])}))),o):i.length&&r([]),()=>{window.clearTimeout(t)}}),[a,o,l]),{isLoading:d,predictions:i}},ne=["places"],oe=({name:e,placeholder:a,locale:l})=>{var n;const o=Z(),[i,r]=t.useState(""),[d,s]=t.useState(""),{predictions:u}=le(i||"15 Lê","","tl-PH"===l?"en":null===(n=null==l?void 0:l.split("-"))||void 0===n?void 0:n[0]),[c,m]=t.useState(null),[p,g]=t.useState(!1),f=t.useRef(Math.random().toString(36).substring(7)),v=t.useMemo((()=>{const e=u.map((e=>({value:e.description,label:e.description}))),t=e.find((e=>e.value===d));return!d||t?e:[{value:d,label:d}].concat(e)}),[u,d]);return t.useEffect((()=>{var e,t,a;(null===(a=null===(t=null===(e=null===window||void 0===window?void 0:window.google)||void 0===e?void 0:e.maps)||void 0===t?void 0:t.places)||void 0===a?void 0:a.AutocompleteService)?g(!0):Promise.resolve().then((function(){return k(require("@react-google-maps/api"))})).then((e=>{m((()=>e.LoadScript)),setTimeout((()=>{g(!0)}),200)}))}),[]),p?_.default.createElement(_.default.Fragment,null,c&&_.default.createElement(c,{googleMapsApiKey:"AIzaSyB9QmhfEYcy2wj5X3Fl38aCD5UkET6n82M",libraries:ne,loadingElement:_.default.createElement(_.default.Fragment,null)}),_.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":e,"data-control":"text"}),_.default.createElement(h.Select,Object.assign({className:"lead-modal__form-control",label:a,placeholder:a,withAsterisk:!0,name:e,data:v,searchValue:i,onSearchChange:e=>{r(e)},filter:()=>!0,clearable:!0,searchable:!0,onChange:e=>s(e||""),icon:_.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M9.99999 9.79167C10.4028 9.79167 10.7467 9.64944 11.0317 9.365C11.3161 9.08 11.4583 8.73611 11.4583 8.33333C11.4583 7.93056 11.3161 7.58667 11.0317 7.30167C10.7467 7.01722 10.4028 6.875 9.99999 6.875C9.59721 6.875 9.25332 7.01722 8.96832 7.30167C8.68388 7.58667 8.54166 7.93056 8.54166 8.33333C8.54166 8.73611 8.68388 9.08 8.96832 9.365C9.25332 9.64944 9.59721 9.79167 9.99999 9.79167ZM9.99999 17.875C9.90277 17.875 9.80555 17.8611 9.70832 17.8333C9.6111 17.8056 9.52082 17.7569 9.43749 17.6875C7.46527 15.8958 5.98971 14.2361 5.01082 12.7083C4.03138 11.1806 3.54166 9.77778 3.54166 8.5C3.54166 6.48611 4.1911 4.87833 5.48999 3.67667C6.78832 2.47556 8.29166 1.875 9.99999 1.875C11.7083 1.875 13.2119 2.47556 14.5108 3.67667C15.8092 4.87833 16.4583 6.48611 16.4583 8.5C16.4583 9.77778 15.9689 11.1806 14.99 12.7083C14.0105 14.2361 12.5347 15.8958 10.5625 17.6875C10.4792 17.7569 10.3889 17.8056 10.2917 17.8333C10.1944 17.8611 10.0972 17.875 9.99999 17.875Z",fill:"#8C8C8C"})),autoComplete:"no-auto-complete-"+f.current,rightSection:_.default.createElement(_.default.Fragment,null)},o.getInputProps(e)))):_.default.createElement("div",{style:{height:73}})},ie=({children:e,align:t})=>_.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${T}`},e),re=({children:e,align:t})=>_.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${T}`},e),de=({listBlockAdded:e,popupId:t,locale:a,onClose:l,onOtherSubmit:n})=>{const o=Z();return _.default.createElement(_.default.Fragment,null,e.map(((e,i)=>{const{name:r="",data:d={}}=e||{},{placeholder:u,value:c,align:p,listQuestion:f,isSendMailChimp:v=!1,newtab:b,url:y}=d;switch(r){case"TitleBlock":return _.default.createElement(re,{key:i,align:p},c);case"SubtitleBlock":return _.default.createElement(ie,{key:i,align:p},c);case"TextBlock":return _.default.createElement(m.Input,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"text",name:c},o.getInputProps(c)));case"NumberBlock":return _.default.createElement(m.Input.Number,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"number",name:c},o.getInputProps(c)));case"EmailBlock":return _.default.createElement(m.Input,Object.assign({key:i,withAsterisk:!0,spellCheck:!1,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"email",name:c},o.getInputProps(c)));case"PhoneOtpBlock":case"PhoneBlock":{const e=t+"-"+c+"-"+i;return _.default.createElement(m.Input.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:i,label:u,className:"lead-modal__form-control",labelProps:{htmlFor:e}},o.getInputProps(c)),_.default.createElement(m.Phone,{name:c,spellCheck:!1,type:"tel",placeholder:u,onChange:e=>{o.setFieldValue(c,e)},id:e,defaultCountry:a&&g.MAPPED_LOCALE[a]||"VN","data-control":"tel"}))}case"LocationBlock":return _.default.createElement(oe,{key:i,name:c,placeholder:u,locale:a});case"DateBlock":return _.default.createElement(m.DatePicker,Object.assign({withAsterisk:!0,key:i,type:"date",name:c,placeholder:u,className:"lead-modal__form-control",label:u,"data-control":"date"},o.getInputProps(c)));case"LinkButtonBlock":return _.default.createElement("div",{key:i},_.default.createElement("a",{target:b?"blank":"parrent",href:y,style:{textDecoration:"none"}},_.default.createElement(s.Button,{type:"button",size:"md",className:`lead-modal__btn ${T}`,onClick:()=>{null==l||l(),null==n||n()}},c)));case"CheckboxBlock":return _.default.createElement(_.default.Fragment,null,v&&_.default.createElement("div",{style:{display:"none"},"data-name":c+"-mailchimp"}),_.default.createElement(m.Checkbox.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:i,label:u,size:"md"},o.getInputProps(c)),f.map(((e,t)=>_.default.createElement(m.Checkbox,{name:c,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})))));case"RadioBlock":return _.default.createElement(_.default.Fragment,null,v&&_.default.createElement(m.Input,{type:"hidden",name:c+"-mailchimp",value:v}),_.default.createElement(m.Radio.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:i,label:u,size:"md"},o.getInputProps(c)),f.map(((e,t)=>_.default.createElement(m.Radio,{name:c,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})))));case"DropdownBlock":return _.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":c,"data-control":"dropdown"}),_.default.createElement(h.Select,Object.assign({key:i,className:"lead-modal__form-control",label:u,withAsterisk:!0,name:c,data:f.map((e=>({value:e.value,label:e.placeholder})))},o.getInputProps(c))))}return null})))},se=({phone:a,onSuccess:l,autoSendWhenOpen:n})=>{const{t:o}=d.useTranslations(),[i,r]=t.useState(""),[u,p]=t.useState(!1),[h,g]=t.useState(0),f=t.useRef(null),[y,E]=t.useState(),[w,C]=t.useState(""),S=t.useRef();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!S.current){const e=yield Promise.resolve().then((function(){return k(require("react-phone-number-input"))}));S.current=e.formatPhoneNumberIntl}C((null===(e=S.current)||void 0===e?void 0:e.call(S,a))||a)}))}),[a]);const N=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!a)return;const t=yield Y({phone:a}),n=null===(e=null==t?void 0:t._messages)||void 0===e?void 0:e[0];"Send sms successfully"===n?(g(60),setTimeout((()=>{f.current&&(f.current.focus(),f.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===n?l():E(n||"something Wrong")}));return t.useEffect((()=>{setTimeout((()=>{h>0&&g((e=>e-1))}),1e3)}),[h]),t.useEffect((()=>{n&&!h&&N()}),[]),_.default.createElement(_.default.Fragment,null,_.default.createElement("form",{onSubmit:t=>{t.preventDefault(),e.__awaiter(void 0,void 0,void 0,(function*(){if(!a||!i)return;const e=yield J({phone:a,otp:i}),t=null==e?void 0:e._messages[0];"Verify successfully"===t||"This phone number was verified"===t?l():E(t||"something Wrong")}))},className:"lead-phone-otp-form"},_.default.createElement(b.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},o("lead.otp.title")),_.default.createElement(v.Text,{size:"p1",color:c.theme.colors.gray600},o("lead.otp.desc",{phone:w})),_.default.createElement(m.Input,{ref:f,name:"_"+name+"-otp",spellCheck:!1,type:"number",placeholder:"Enter OTP",className:"lead-modal__form-control",label:"Phone OTP","data-control":"otp",withAsterisk:!0,pattern:"[0-9]*",value:i,onChange:e=>{p(!0),r(e),E(u&&!e?"OTP is required":void 0)},error:u?y:void 0}),_.default.createElement(s.Button,{size:"md",color:"primary",className:`lead-modal__btn ${T}`,disabled:!i},o("lead.otp.verify")),_.default.createElement(s.Button,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${T}`,onClick:()=>{N()},disabled:!!h},o("lead.otp.resend",{timer:h?` (${h}s)`:""}))))},ue=({popupId:e,extraFields:a,onClose:l,onOtherSubmit:n,imageMobile:o,imageDesktop:i,imageOverlayMobile:r,imageOverlayDesktop:c,imageBackground:m,currentLayout:p,title:h,onSubmit:g,showThankyou:f,campaignId:v,campaign_subot_id:b,locale:y})=>{var k,E,w;const C=JSON.parse(a.listBlockAdded),S=JSON.parse(a.actionBlocks),N=JSON.parse(a.textBlocks),x=S.submitBlock.data.url,O=S.submitBlock.data.text,j=S.submitBlock.data.text2,B=S.submitBlock.data.value,q=location.pathname,L=p.includes("Inline")||"Sidebar"===p,$="Slider"===p,[R,D]=t.useState(!0),[U,H]=t.useState(""),F=t.useRef(),W=()=>{U?H(""):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(p))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((()=>{(p.includes("LightBox")||"Fullscreen"==p)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),z.email={},z.phone={}}),[]);const V=t.useRef(!1),Y=t.useRef(!1),{form:J,validateObj:Z}=(({listBlockAdded:e=[],validatingPhoneRef:a,validatingEmailRef:l,campaignId:n,campaign_subot_id:o=[]})=>{const{t:i}=d.useTranslations(),r=t.useMemo((()=>{const t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","LocationBlock"],r=(e,t)=>a=>{if(u.current.isTouched(e))return void 0===a||""===a||Array.isArray(a)&&0===a.length?i("validator.required"):null==t?void 0:t(a)};return e.filter((e=>t.includes(e.name))).reduce(((e,t)=>"NumberBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(isNaN(Number(e)))return i("validator.number")}))}):"EmailBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))return i("validator.email");l.current=!0,setTimeout((()=>{u.current.setFieldError(t.data.value,"Validating..."),G(n,o,{email:e}).then((e=>{e?u.current.setFieldError(t.data.value,i(e)):u.current.clearFieldError(t.data.value),l.current=!1})).catch((e=>{console.error(e),u.current.setFieldError(t.data.value,e.message||"Something went wrong"),l.current=!1}))}),200)}))}):"PhoneBlock"===t.name||"PhoneOtpBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),P.countryCode))return i("validator.phone");a.current=!0,setTimeout((()=>{u.current.setFieldError(t.data.value,"Validating..."),G(n,o,{phone:e}).then((e=>{e?u.current.setFieldError(t.data.value,i(e)):u.current.clearFieldError(t.data.value),a.current=!1})).catch((e=>{console.error(e),u.current.setFieldError(t.data.value,e.message||"Something went wrong"),a.current=!1}))}),200)}))}):"DateBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(isNaN(Date.parse(e)))return i("validator.date")}))}):Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value)})),{})}),[e.map((e=>e.name)).join(",")]),s=ee({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:r}),u=t.useRef(s);return u.current=s,{form:s,validateObj:r}})({listBlockAdded:C,validatingPhoneRef:V,validatingEmailRef:Y,campaignId:v,campaign_subot_id:b}),{width:te,height:ae,loaded:le}=I(m),{width:ne,height:oe,loaded:ie}=I(o),{width:re,height:ue,loaded:ce}=I(i),me=ie&&ce&&("Fullscreen"!=p||le),pe=_.default.createElement(_.default.Fragment,null,_.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n          .le-newbuilder-overlay {\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n          ${r?`\n              .le-newbuilder-overlay {\n                background: url(${r}) ;\n              }`:""}\n          ${c?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${c}) ;\n                }\n              }`:""}`}}),_.default.createElement("div",{id:e,"data-popup-url":q,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${L?"le-buider-inline":""} ${$?"le-buider-slider":""}`},"Fullscreen"==p?_.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:m||"",style:{aspectRatio:`${te}/${ae}`}}):null,_.default.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${p}`},_.default.createElement("div",{className:`lead-modal__content le-newbuilder-${p}`},f?_.default.createElement(M,{title:f.title,titleAlign:f.titleAlign,subtitle:f.subtitle,subtitleAlign:f.subtitleAlign,link:f.link,linkNewTab:f.linkNewTab,linkText:f.linkText,image:f.image}):_.default.createElement(_.default.Fragment,null,_.default.createElement("header",{className:"lead-modal__header"},U?_.default.createElement("img",{src:u.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%"}}):_.default.createElement(_.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(p)?o?_.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:o,style:{aspectRatio:`${ne}/${oe}`},alt:""}):null:_.default.createElement(_.default.Fragment,null,i?_.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover",aspectRatio:`${re}/${ue}`},src:i,alt:""}):null,o?_.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:o,alt:"",style:{aspectRatio:`${ne}/${oe}`}}):null))),U&&_.default.createElement(se,{phone:U,autoSendWhenOpen:!0,onSuccess:()=>{null==g||g(F.current,J.values)}}),_.default.createElement("div",{"data-hidden":!!U,className:"lead-modal__body le-newbuilder-overlay"},_.default.createElement(X,{form:J},_.default.createElement("form",{ref:F,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),J.setTouched(Object.keys(Z).reduce(((e,t)=>(e[t]=!0,e)),{})),Y.current||V.current||setTimeout((()=>{J.onSubmit((e=>{var t,a,l;if(!Object.keys(J.errors).length){if(C.findIndex((e=>"PhoneOtpBlock"===e.name))>-1){const n=null===(a=null===(t=C.find((e=>"PhoneOtpBlock"===e.name)))||void 0===t?void 0:t.data)||void 0===a?void 0:a.value;if(null===(l=e[n])||void 0===l?void 0:l.startsWith("+84"))return void H(e[n])}null==g||g(F.current,e)}}))(e)}),100)}},_.default.createElement("div",{style:{marginBottom:20}},_.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(null===(k=N.titleBlock.data)||void 0===k?void 0:k.align)} ${T}`},h),_.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(E=N.titleBlock.data)||void 0===E?void 0:E.align)} ${T}`},N.subtitleBlock.data.value)),_.default.createElement("div",{className:"lead-modal__form-control-wrapper"},_.default.createElement(de,{listBlockAdded:C,popupId:e,locale:y,onClose:W,onOtherSubmit:n})),(null===(w=null==S?void 0:S.submitBlock)||void 0===w?void 0:w.isHide)?null:_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{className:`lead-modal__checkbox-wrapper ${T}`},_.default.createElement("div",{className:"lead-modal__checkbox"},_.default.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${T}`,type:"checkbox","aria-label":"Checkbox label",checked:R,onChange:e=>D(e.currentTarget.checked)}),_.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),_.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},O," ",_.default.createElement("span",{style:{fontWeight:"bold"}},_.default.createElement("a",{target:"blank",href:x||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},j)))),_.default.createElement(s.Button,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${T}`,disabled:!R},B))))))),!p.includes("Inline")&&_.default.createElement(A,{onClose:W,containerClassName:"close-button-top-right"}))));return me?p.includes("LightBox")||"Fullscreen"==p||"Slider"==p?pe:"Sidebar"==p?_.default.createElement(Q,{content:pe}):p.includes("Inline")?_.default.createElement(K,{content:pe,inlinePosition:a.popupInlinePosition}):null:null},ce=({popupId:e,link:t,linkText:a,linkNewTab:l,onClose:n,imageMobile:o,imageDesktop:i,currentLayout:r,onOtherSubmit:d})=>{const s=location.pathname,{width:u,height:c,loaded:m}=I(o),{width:p,height:h,loaded:g}=I(i);return m&&g?_.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==r?_.default.createElement("aside",{className:"le-only-desktop"},_.default.createElement("div",{className:"le-skin-a-desktop"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("img",{src:i,style:{aspectRatio:`${p}/${h}`}}),_.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},_.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},a)),_.default.createElement(A,{onClose:n,containerClassName:"close-button-top-right"})))):"SkinB"==r?_.default.createElement("aside",{className:"le-only-desktop"},_.default.createElement("div",{className:""},_.default.createElement("div",{style:{position:"relative",zIndex:1e4}},_.default.createElement("img",{src:i,style:{width:"100%",aspectRatio:`${p}/${h}`}}),_.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},_.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),_.default.createElement(A,{containerClassName:"close-button-top-right",onClose:n})))):null,_.default.createElement("aside",{className:"le-only-mobile"},_.default.createElement("div",{className:"le-skin-mobile"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("img",{src:o,style:{width:"100%",aspectRatio:`${u}/${c}`}}),_.default.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},_.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),_.default.createElement(A,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:n}))))):null},me=({popupId:e,url:t,newTab:a,image:l,onClose:n,onOtherSubmit:o})=>{const{width:i,height:r,loaded:d}=I(l);return d?_.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},_.default.createElement("div",{className:"le-tab-popup"},_.default.createElement("div",{style:{position:"relative"}},_.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:o},_.default.createElement("img",{className:"js-popup-other-submit",src:l,style:{aspectRatio:`${i}/${r}`}})),_.default.createElement(A,{onClose:n,containerClassName:"close-button-top-right"})))):null},pe=[],he=[],ge=[];const fe=e=>{const t=[...e];for(let e=t.length-1;e>0;e--){const a=Math.floor(Math.random()*(e+1)),l=t[e];t[e]=t[a],t[a]=l}return t},ve=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},be=e=>{try{const[t,a]=e.split(" "),[l,n,o]=t.split("-").map(Number),[i,r,d]=a.split(":").map(Number);return new Date(l,n-1,o,i,r,d)}catch(e){return null}};const ye=e=>1===e.formatted_status?function(e){var t;if(1===e.forever)return!0;const a=e.started_at,l=e.ended_at,n=be(a),o=be(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1,r=j[i];return!(ve(r).getTime()>o.getTime()&&(ge.push(e),1))}(e):0===e.formatted_status&&(pe.push(e),(e=>{var t;const a=(null===(t=e.site)||void 0===t?void 0:t.id)||1,l=e.started_at,n=e.ended_at,o=be(l),i=be(n);if(!o||!i)return!1;const r=j[a],d=ve(r).getTime();return d<=i.getTime()&&d>=o.getTime()&&(he.push(e),!0)})(e));let ke=null;function _e({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:l,DEBUG_URL:n}){const i=n||("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(e+"api/campaign/"+t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:o.getCookie("_ga")||null})}).then((e=>e.json())).then((e=>{var t,n,d,s,u;if(Ee("List campagin: ",e),x="https://"+location.hostname+location.pathname+location.search,1==e._status){const c=(null===(n=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===n?void 0:n.filter(ye))||[];o.getCookie("hhg-id")||(o.setCookie("hhg-id",r.v1(),{domain:"."+a,path:"/"}),Ee("😍 Set HHG ID cookie"));let m=[];m=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?c.filter((e=>e.device_types.some((e=>e.id==N.MOBILE)))):c.filter((e=>e.device_types.some((e=>e.id==N.DESKTOP)))),Ee("👓 campaignsDevice",m),Ee("--listCampaignScheduled",pe),Ee("--listCampaignScheduledToActivated",he),Ee("--listCampaignActiveButExpired",ge);let p=m.map(((e,t)=>e.targets.filter((e=>e.type==C.LINKS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);p=p.filter((e=>{const t=new URL(String(e.target).toLowerCase());if("exact_match"==e.option)return Boolean(i===t.href);if("start_with"==e.option){if(i.includes(String(e.target))){return!e.sub_target.filter((e=>"excluding"==e.option)).map((e=>e.value)).includes(i.split("?")[0])}return!1}}));const h=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let g=[],f=[];h&&h.length&&(g=m.map(((e,t)=>e.targets.filter((e=>e.type==C.TAGS)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),f=g.filter((e=>h.includes(e.target))));const v=[...p,...f],b=document.cookie.split("; ").map((e=>e.split("=")[0])),y=b.filter((e=>e.includes("lead_submited")));Ee("--listCampaignCodeSubmited",y);const k=b.filter((e=>e.includes("lead_closed")));Ee("--listCampaignCodeClosed",k);const _=[...y,...k],E=v.filter((e=>!_.some((t=>t.includes(m[e.campaignIndex].code))))),w=fe(E);if(Ee("--listCampaignValid : ",w),w&&w.length){const e=m[w[0].campaignIndex];Ee("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(d=t.find((e=>"time"==e.rule)))||void 0===d?void 0:d.value);Ee("timeoutRule",a);const n=Number(null===(s=t.find((e=>"scroll"==e.rule)))||void 0===s?void 0:s.value);Ee("scrollRule",n);const o=Number(null===(u=t.find((e=>"exclude_sponsored"==e.rule)))||void 0===u?void 0:u.value);Ee("excludeSponsored",o);const i=Boolean(document.querySelector(".hhg-disclaimer-text"));if(Ee("💎 LEAD current page isSponsored",i),i&&o)return;let r="TIME";if(Number.isInteger(a)&&(r="TIME",Ee("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),ke&&clearTimeout(ke),ke=setTimeout((()=>{null==l||l(e,r)}),1e3*a)),Number.isInteger(n)){r="SCROLL",Ee("✨ SHOW AWESOME AFTER: SCROLL",n," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,o=t.offsetHeight;Ee("👓 Element check scroll: ",t);const i=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let d=0;t>=a&&(d=Math.round((t-a)/(o-innerHeight)*100)),Ee("---Scroll",d,n),d>=n&&(window.removeEventListener("scroll",i),null==l||l(e,r))};window.addEventListener("scroll",i,{passive:!0})}}else Ee("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{Ee("Lead error: ",e)}))}const Ee=(...e)=>{("production"!==process.env.NODE_ENV||process.env.NEXT_PUBLIC_DEPLOY_ENV&&"production"!==process.env.NEXT_PUBLIC_DEPLOY_ENV||"undefined"!=typeof localStorage&&"true"===localStorage.getItem("hhg_debug"))&&console.log(...e)};const we=({campaign:e,action:a,onSubmit:l,onClose:n,showThankyou:i,locale:s})=>{var u,c;d.useTranslations();const{apiUrl:m,siteDomain:p}=t.useContext($);t.useEffect((()=>{const e=o.getCookie("_ga")||null;fetch(`${m}api/campaign/${v}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:o.getCookie("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:h,image:g,image_desktop:f,code:v,image_background:b,image_overlay_mobile:y,image_overlay_desktop:k}=e,{currentLayout:E}=h,w=h.imageBlocks?JSON.parse(h.imageBlocks):{},C=JSON.parse(h.actionBlocks),S=JSON.parse(h.textBlocks);let N=(null===(c=null===(u=null==S?void 0:S.titleBlock)||void 0===u?void 0:u.data)||void 0===c?void 0:c.value)||"";const T={1:{},2:{},3:{}},x=t.useRef("lead-modal-"+r.v1()),O=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t="{{category_".length,a=e.search("{{category_");return+e.charAt(t+a)}return null}(N);if(O){Ee("⚡️ Has categoryLevel",O);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${O}`)),a=e.find((e=>e.name===`content_category_en_${O}`));if(!t||!a)return Ee("⚡️ No META TAG for categoryLevel, not show popup",O),null;T[O]={value:t.content,value_en:a.content},N=N.replace(`{{category_${O}}}`,t.content),Ee("⚡️ Set categoryData ",O)}else Ee("⚡️ No categoryLevel",O);const P=()=>{var t,a,l,i;if(Ee("👌 Other submit click"),document.body.classList.remove("noscroll"),E.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const r=Number(null!==(a=null===(t=e.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value)&&void 0!==a?a:7),d=Number(null!==(i=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==i?i:0);0===d&&(Ee("⛔ Popup never show again!"),o.setCookie(`lead_submited_${v}`,`target_${h.popupVersion}`,{domain:"."+p,path:"/"})),1==d&&(Ee(`⌛ Popup will show again after ${r} days!`),o.setCookie(`lead_submited_${v}`,`target_${h.popupVersion}`,{domain:"."+p,days:r,path:"/"}));const s=o.getCookie("_ga")||null,u={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:o.getCookie("hhg-id"),ga_client_id:s};O&&(u.category=T[O].value_en),fetch(`${m}api/campaign/${v}/lead`,{method:"POST",body:JSON.stringify(u),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&Ee(e)})).catch((e=>{Ee("Error:",e)})),null==n||n()};return"CenterTab"===E?_.default.createElement(R,{popupId:x.current,url:w.imageMobile.data.url,newTab:w.imageMobile.data.newtab,imageMobile:g,imageDestkop:f,onClose:n,onOtherSubmit:P}):"Tab"===E?_.default.createElement(me,{popupId:x.current,url:w.imageMobile.data.url,newTab:w.imageMobile.data.newtab,image:g,onClose:n,onOtherSubmit:P}):"Floating"===E?_.default.createElement(D,{popupId:x.current,title:N,titleAlign:S.titleBlock.data.align,subtitle:S.subtitleBlock.data.value,subtitleAlign:S.subtitleBlock.data.align,url:C.linkButtonBlock.data.url,urlText:C.linkButtonBlock.data.value,newTab:C.linkButtonBlock.data.newtab,imageMobile:g,imageDesktop:f,onClose:n,onOtherSubmit:P}):E.includes("LightBox")||E.includes("Inline")||"Fullscreen"==E||"Sidebar"==E||"Slider"==E?_.default.createElement(ue,{popupId:x.current,extraFields:h,onClose:n,onOtherSubmit:P,imageMobile:g,imageDesktop:f,imageBackground:b,currentLayout:E,title:N,onSubmit:(e,t)=>l(e,t,O,T),key:E,imageOverlayDesktop:k,imageOverlayMobile:y,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:s}):E.includes("Skin")?_.default.createElement(ce,{popupId:x.current,link:C.linkButtonBlock.data.url,linkNewTab:!!C.linkButtonBlock.data.newtab,linkText:C.linkButtonBlock.data.value,onClose:n,onOtherSubmit:P,imageMobile:g,imageDesktop:f,currentLayout:E}):null};exports.LeadGen=({apiUrl:a,siteDomain:r,siteId:d,locale:s,apiSubotUrl:u,DEBUG_URL:c})=>{var m;const p=t.useRef(),h=t.useRef(Date.now()),{apiUrl:g}=t.useMemo((()=>{let e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,r,d]),[f,v]=t.useState(null),[b,y]=t.useState(""),[k,C]=t.useState(null);t.useEffect((()=>{U.apiLeadUrl=g,U.apiSubotUrl=u}),[g,u]);const S=(e,t)=>{v(e),y(t)},N=()=>{var e,t;if(!f)return;Ee(`👋👋👋 CLOSE POPUP ${f.code} 👋👋👋`);const a=Number(null===(e=f.rules.find((e=>"show_again_after_exit"==e.rule)))||void 0===e?void 0:e.value),l=Number(null===(t=f.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&(l?o.setCookie(`lead_closed_${f.code}`,`target_${f.extra_fields.popupVersion}`,{domain:"."+r,days:l,path:"/"}):o.setCookie(`lead_closed_${f.code}`,`target_${f.extra_fields.popupVersion}`,{domain:"."+r,path:"/"})),document.body.classList.remove("noscroll"),fetch(`${g}api/campaign/${f.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:o.getCookie("hhg-id"),duration:Math.ceil((Date.now()-h.current)/1e3)})}),v(null),C(null)};t.useEffect((()=>{if(window.next){const e=E.default((e=>{Ee("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;N(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?Ee("🔥 This URL page has show popup!"):(Ee("--Process checkShowPopup"),_e({leadApi:g,leadDomain:r,leadSiteId:d,onShowPopup:S,DEBUG_URL:c})),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}_e({leadApi:g,leadDomain:r,leadSiteId:d,onShowPopup:S,DEBUG_URL:c})}),[]);return t.useEffect((()=>{f&&(h.current=Date.now())}),[f]),_.default.createElement($.Provider,{value:{apiUrl:g,siteDomain:r,siteId:d,locale:s}},_.default.createElement(n.TranslationsContext.Provider,{value:{locale:s,values:L(s)}},l.createPortal(_.default.createElement(_.default.Fragment,null,"2.1"===(null===(m=null==f?void 0:f.extra_fields)||void 0===m?void 0:m.popupVersion)&&_.default.createElement(we,{campaign:f,action:b,onSubmit:(t,a,l,n)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,i,d,s,u,c,m,p,h,v,b;if(!a)return;Ee("submitHandler",l,n);const y=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),k=o.getCookie("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const _={url:location.href.toLowerCase(),title_article:document.title,meta:y.map((e=>{var a,l;const n=(null===(a=t.querySelector(`*[name="${e.name}"]`))||void 0===a?void 0:a.getAttribute("data-control"))||(null===(l=t.querySelector(`*[data-extra][data-name="${e.name}"]`))||void 0===l?void 0:l.getAttribute("data-control"))||"text",o="tel"===n?window.intlTelInputUtils.formatNumber(String(e.value),null==P?void 0:P.countryCodeNumber,2).replace(/\s+/g,""):"date"===n?w.default(e.value).format("YYYY-MM-DD"):e.value;return{key:e.name,value:o,control:n,is_sent_mailchimp:t.querySelector(`div[data-name="${e.name}-mailchimp"]`)?"true":"false"}})),cookie_id:o.getCookie("hhg-id"),ga_client_id:k};l&&n[l].value_en&&(_.category=n[l].value_en);const E=Number((null===(i=null===(e=f.rules)||void 0===e?void 0:e.find((e=>"days_to_show_again"===e.rule)))||void 0===i?void 0:i.value)||7),S=Number((null===(s=null===(d=f.rules)||void 0===d?void 0:d.find((e=>"show_again_after_submit"===e.rule)))||void 0===s?void 0:s.value)||0);if(0==S&&(Ee("⛔ Popup never show again!"),o.setCookie(`lead_submited_${f.code}`,`target_${f.extra_fields.targetType}`,{domain:"."+r,path:"/"})),1==S&&(Ee(`⌛ Popup will show again after ${E} days!`),o.setCookie(`lead_submited_${f.code}`,`target_${f.extra_fields.targetType}`,{domain:"."+r,days:E,path:"/"})),fetch(`${g}api/campaign/${f.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(_)}),"notshow"==f.extra_fields.popupShowThankYou)return N(),void document.body.classList.remove("noscroll");let T=!0;const x=f.thank_you_image||`${g}admin/img/thanksyou.png`;let O,j,B=f.extra_fields.popupThankyouTitle||"Thank you.",q=f.extra_fields.popupThankyouDesc||"We appreciate your time!",L="",$="",I="";if("2.1"==f.extra_fields.popupVersion){const e=f.extra_fields,t=JSON.parse(e.listBlockThankyou),a=t.find((e=>"TitleBlock"==e.name)),l=t.find((e=>"SubtitleBlock"==e.name)),n=t.find((e=>"LinkButtonBlock"==e.name));B=(null===(u=null==a?void 0:a.data)||void 0===u?void 0:u.value)||"",L=(null===(c=null==a?void 0:a.data)||void 0===c?void 0:c.align)||"",q=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.value)||"",$=(null===(p=null==l?void 0:l.data)||void 0===p?void 0:p.align)||"",O=(null===(h=null==n?void 0:n.data)||void 0===h?void 0:h.value)||"",j=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.newtab)||!1,I=(null===(b=null==n?void 0:n.data)||void 0===b?void 0:b.url)||"";const o=f.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(T=!1)}C(T?{title:B,titleAlign:L,subtitle:q,subtitleAlign:$,link:I,linkNewTab:j,linkText:O,image:x}: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}},y.map((e=>{const 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))})),onClose:N,showThankyou:k,locale:s})),i.getPopupWrapperDom())))};

package/build/mantine.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-babb9ffe.js"),t=require("./index.styles-1fe11b9d.js"),r=require("./index-930f861f.js"),s=require("./index-9ebe6d4b.js"),a=require("./index-d24b3875.js"),o=require("./tslib.es6-02acb991.js"),i=require("react"),n=require("@mantine/core");require("dayjs"),require("./screenSizeContext-6a014fcc.js"),require("styled-components");var l=require("./theme-f245ffa1.js");require("./index-9d121cc5.js"),require("./utils-b275a827.js"),require("./isProduction-c94394ce.js"),require("./Onboarding-2251ffb7.js"),require("./gAssets.js");var c=require("./index-5c435c33.js"),d=require("./index-d1ddd89d.js"),u=require("./useTranslations-af68c257.js"),x=require("./index-f2cc07a7.js"),p=require("./index-fdad797c.js"),m=require("./index-16cf3b44.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/dates"),require("@mantine/hooks"),require("@mantine/carousel"),require("lodash/throttle"),require("./translationsContext-68aba793.js"),require("string-format"),require("./index-c0b889fc.js");var h=b(i);var f={container:"MON6sfi",iconContainer:"pS-tJD7",icon:"s3tJ9-5",title:"fNsZr1b",description:"uuxV74v",button:"YohjTDU"};exports.Select=e.Select,exports.Accordion=t.Accordion,exports.Avatar=t.Avatar,exports.Carousel=t.Carousel,exports.Checkbox=t.Checkbox,exports.DatePicker=t.DatePicker,exports.Input=t.Input,exports.MAPPED_LOCALE=t.MAPPED_LOCALE,exports.OTHER_THEME_CONFIG=t.OTHER_THEME_CONFIG,exports.OTP=t.OTP,exports.Phone=t.Phone,exports.Radio=t.Radio,exports.emotionCache=t.emotionCache,exports.useMantineLocale=t.useMantineLocale,exports.Text=r.Text,exports.Button=s.Button,exports.AspectRatio=a.AspectRatio,exports.Switch=a.Switch,exports.getMantineThemeOverride=a.getMantineThemeOverride,exports.themeColors=a.themeColors,exports.Modal=c.Modal,exports.CentralCarousel=x.CentralCarousel,exports.Slider=p.Slider,exports.Anchor=m.Anchor,exports.Badge=e=>{var{color:t=l.theme.colors.primaryBase,styles:r}=e,s=o.__rest(e,["color","styles"]);return h.default.createElement(n.Badge,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},r)},s))},exports.Indicator=e=>{var{styles:t}=e,r=o.__rest(e,["styles"]);return h.default.createElement(n.Indicator,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({indicator:{backgroundColor:l.theme.colors.red700},processing:{animationDirection:"alternate"}},t)},r))},exports.LoadingOverlay=e=>h.default.createElement(n.LoadingOverlay,Object.assign({loaderProps:{color:l.theme.colors.primaryBase}},e)),exports.MantineProvider=e=>{var{children:r,locale:s,template:i="hb"}=e,l=o.__rest(e,["children","locale","template"]);return t.useMantineLocale(s),h.default.createElement(n.MantineProvider,Object.assign({theme:a.getMantineThemeOverride(s,i)},l),r)},exports.Result=function(e){const{icon:t,title:r,description:s,button:a,buttonProps:i,style:l,className:c}=e,d=i||{},{size:u="lg",variant:x="outline"}=d,p=o.__rest(d,["size","variant"]),m=t;return h.default.createElement("div",{className:n.clsx("result",f.container,c),style:l},m&&h.default.createElement("div",{className:n.clsx("resultIconContainer",f.iconContainer)},h.default.createElement(m,{className:n.clsx("resultIcon",f.icon)})),h.default.createElement(n.Title,{order:3,size:"h3",className:n.clsx("resultTitle",f.title)},r),h.default.createElement(n.Text,{className:n.clsx("resultDescription",f.description)},s),a&&h.default.createElement(n.Button,Object.assign({},p,{size:u,variant:x,className:n.clsx("resultButton",f.button,p.className)}),a))},exports.Spoiler=e=>{var{children:t,line:r,lineHeight:s,trackingAttributes:a,maxHeight:c,customExpandFn:x}=e,p=o.__rest(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:m}=u.useTranslations(),b=i.useMemo((()=>c||(r&&s?r*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const f=i.useMemo((()=>a?{"data-event-category":a.dataEventCategory,"data-event-action":a.dataEventAction,"data-event-label":a.dataEventLabel}:{}),[a]);return h.default.createElement(n.Spoiler,Object.assign({showLabel:h.default.createElement(d.Text,Object.assign({size:"p3",color:l.theme.colors.primaryBase},f,{onClick:x}),m("articlePage.readMore")),hideLabel:h.default.createElement(d.Text,Object.assign({size:"p3",color:l.theme.colors.primaryBase},f),m("articlePage.showLess"))},p,{maxHeight:b}),t)},exports.TextArea=e=>h.default.createElement(t.StyledTextArea,Object.assign({minRows:2,maxRows:4},e));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index.styles-a38eaf42.js"),t=require("./index-5d8e9029.js"),r=require("./index-8c37251e.js"),s=require("./index-5c6f265a.js"),a=require("./index-a7c933ec.js"),o=require("./tslib.es6-6cc6202d.js"),i=require("react"),n=require("@mantine/core");require("dayjs"),require("./screenSizeContext-a8d848ec.js"),require("styled-components");var l=require("./theme-7f938f51.js");require("./index-07bd454b.js"),require("./utils-efe1a237.js"),require("./isProduction-eb9ee7c9.js"),require("./Onboarding-42d0015c.js"),require("./gAssets.js");var c=require("./index-b010a1c5.js"),u=require("./index-7bb39ce0.js"),d=require("./useTranslations-180b224a.js"),x=require("./index-8e22ac59.js"),p=require("./index-ff056c87.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@mantine/carousel"),require("@mantine/hooks"),require("@mantine/dates"),require("lodash/throttle"),require("./translationsContext-e545bfdf.js"),require("string-format"),require("./index-177100b9.js");var h=m(i);var b={container:"buVxpNV",iconContainer:"_2qAt3-c",icon:"xp-MqXO",title:"_7MATIk9",description:"_4pkrw5V",button:"BfiY0c2"};exports.Accordion=e.Accordion,exports.Avatar=e.Avatar,exports.Carousel=e.Carousel,exports.CentralCarousel=e.CentralCarousel,exports.Checkbox=e.Checkbox,exports.DatePicker=e.DatePicker,exports.Input=e.Input,exports.MAPPED_LOCALE=e.MAPPED_LOCALE,exports.OTHER_THEME_CONFIG=e.OTHER_THEME_CONFIG,exports.OTP=e.OTP,exports.Phone=e.Phone,exports.Radio=e.Radio,exports.emotionCache=e.emotionCache,exports.useMantineLocale=e.useMantineLocale,exports.AspectRatio=t.AspectRatio,exports.Switch=t.Switch,exports.getMantineThemeOverride=t.getMantineThemeOverride,exports.themeColors=t.themeColors,exports.Select=r.Select,exports.Text=s.Text,exports.Button=a.Button,exports.Modal=c.Modal,exports.Slider=x.Slider,exports.Anchor=p.Anchor,exports.Badge=e=>{var{color:t=l.theme.colors.primaryBase,styles:r}=e,s=o.__rest(e,["color","styles"]);return h.default.createElement(n.Badge,Object.assign({variant:"filled",color:t,styles:Object.assign({root:{borderRadius:"2px",background:t,textTransform:"unset"}},r)},s))},exports.Indicator=e=>{var{styles:t}=e,r=o.__rest(e,["styles"]);return h.default.createElement(n.Indicator,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({indicator:{backgroundColor:l.theme.colors.red700},processing:{animationDirection:"alternate"}},t)},r))},exports.LoadingOverlay=e=>h.default.createElement(n.LoadingOverlay,Object.assign({loaderProps:{color:l.theme.colors.primaryBase}},e)),exports.MantineProvider=r=>{var{children:s,locale:a,template:i="hb"}=r,l=o.__rest(r,["children","locale","template"]);return e.useMantineLocale(a),h.default.createElement(n.MantineProvider,Object.assign({theme:t.getMantineThemeOverride(a,i)},l),s)},exports.Result=function(e){const{icon:t,title:r,description:s,button:a,buttonProps:i,style:l,className:c}=e,u=i||{},{size:d="lg",variant:x="outline"}=u,p=o.__rest(u,["size","variant"]),m=t;return h.default.createElement("div",{className:n.clsx("result",b.container,c),style:l},m&&h.default.createElement("div",{className:n.clsx("resultIconContainer",b.iconContainer)},h.default.createElement(m,{className:n.clsx("resultIcon",b.icon)})),h.default.createElement(n.Title,{order:3,size:"h3",className:n.clsx("resultTitle",b.title)},r),h.default.createElement(n.Text,{className:n.clsx("resultDescription",b.description)},s),a&&h.default.createElement(n.Button,Object.assign({},p,{size:d,variant:x,className:n.clsx("resultButton",b.button,p.className)}),a))},exports.Spoiler=e=>{var{children:t,line:r,lineHeight:s,trackingAttributes:a,maxHeight:c,customExpandFn:x}=e,p=o.__rest(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);const{t:m}=d.useTranslations(),b=i.useMemo((()=>c||(r&&s?r*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");const g=i.useMemo((()=>a?{"data-event-category":a.dataEventCategory,"data-event-action":a.dataEventAction,"data-event-label":a.dataEventLabel}:{}),[a]);return h.default.createElement(n.Spoiler,Object.assign({showLabel:h.default.createElement(u.Text,Object.assign({size:"p3",color:l.theme.colors.primaryBase},g,{onClick:x}),m("articlePage.readMore")),hideLabel:h.default.createElement(u.Text,Object.assign({size:"p3",color:l.theme.colors.primaryBase},g),m("articlePage.showLess"))},p,{maxHeight:b}),t)},exports.TextArea=t=>h.default.createElement(e.StyledTextArea,Object.assign({minRows:2,maxRows:4},t));

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-1193ff6a.js"),r=require("./screenSizeContext-6a014fcc.js"),t=require("./cookieHelper-9d3a8ce7.js");require("react"),require("styled-components");var o=require("./theme-f245ffa1.js"),i=require("./dataTransform-0f42143e.js"),s=require("./routing-4363eb70.js"),a=require("./utils-b275a827.js"),p=require("./getDynamicHealthTool-a49169db.js"),l=require("./getSocialList-4e4a3ef2.js");require("dayjs"),require("lodash/throttle"),require("./index-9d121cc5.js"),require("./Onboarding-2251ffb7.js"),require("./isProduction-c94394ce.js"),require("./tslib.es6-02acb991.js"),require("./core-15d6dbb4.js"),require("./normalizeLink-4c87bcbb.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.MBTheme=o.MBTheme,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.Breakpoints=a.Breakpoints,exports.MediaQueries=a.MediaQueries,exports.formatUrlWithPageParam=a.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=a.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=a.getPopupWrapperDom,exports.getWrapperDomWithSelector=a.getWrapperDomWithSelector,exports.makeParams=a.makeParams,exports.safeEncodeURI=a.safeEncodeURI,exports.startCase=a.startCase,exports.toggleNoScroll=a.toggleNoScroll,exports.formatHealthTool=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=l.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-6ee4498e.js"),r=require("./screenSizeContext-a8d848ec.js"),t=require("./cookieHelper-08dcca45.js");require("react"),require("styled-components");var o=require("./theme-7f938f51.js"),i=require("./dataTransform-7e070948.js"),s=require("./routing-9fde2ffa.js"),a=require("./utils-efe1a237.js"),p=require("./getDynamicHealthTool-fb58720c.js"),l=require("./getSocialList-cd04e009.js");require("dayjs"),require("lodash/throttle"),require("./index-07bd454b.js"),require("./Onboarding-42d0015c.js"),require("./isProduction-eb9ee7c9.js"),require("./tslib.es6-6cc6202d.js"),require("./core-ba69d8fc.js"),require("./normalizeLink-4a97a619.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.MBTheme=o.MBTheme,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.Breakpoints=a.Breakpoints,exports.MediaQueries=a.MediaQueries,exports.formatUrlWithPageParam=a.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=a.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=a.getPopupWrapperDom,exports.getWrapperDomWithSelector=a.getWrapperDomWithSelector,exports.makeParams=a.makeParams,exports.safeEncodeURI=a.safeEncodeURI,exports.startCase=a.startCase,exports.toggleNoScroll=a.toggleNoScroll,exports.formatHealthTool=p.formatHealthTool,exports.getDynamicHealthTool=p.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=p.getDynamicHealthToolWithCache,exports.getSocialList=l.getSocialList;