@hhgtech/hhg-components 1.28.64 → 1.28.65

package/build/{index.styles-e0843712.js → index.styles-ce777fa6.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("styled-components"),t=require("./theme-ee913b49.js"),r=require("./utils-81e28888.js"),o=require("./tslib.es6-74f26191.js"),a=require("react"),i=require("./constants-bcb62c25.js"),n=require("./animation-d444dca5.js"),s=require("@mantine/core"),l=require("react-keyed-flatten-children");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),c=d(a),h=d(l);const u=p.default.div`
+"use strict";var e=require("styled-components"),t=require("./theme-b5bd9d5b.js"),r=require("./utils-82e9e1c2.js"),o=require("./tslib.es6-94d9fc9f.js"),a=require("react"),i=require("./constants-2a4ad19a.js"),n=require("./animation-e73dc040.js"),s=require("@mantine/core"),d=require("react-keyed-flatten-children");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(e),c=l(a),h=l(d);const u=p.default.div`
   background-color: var(--background-color, transparent);
   color: white;
   cursor: pointer;
@@ -68,7 +68,7 @@
     justify-content: center;
     align-items: center;
 
-    ${e=>((e,r,o,a)=>{let i="";if("numeric"===e)switch(r){case"medium":i="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":i="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}let n,s="";o&&(s="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),o&&(n=`\n      left: 70%;\n\n      ${"large"===r?"\n        top: -7px;\n      ":"medium"===r?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":""}\n    `);let l="";switch(a){case"primary":l=`\n      background: ${t.theme.colors.primary50};\n      color: ${t.theme.colors.primary600};  \n    `;break;case"error":l=`\n        background: ${t.theme.colors.error};\n        color: white;\n      `}switch(e){case"dot":return`\n        ${s}\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ${l}\n      `;case"numeric":return`\n        ${s}\n        width: max-content;\n        border-radius: 32px;\n        ${i}\n        ${n}\n        ${l}\n      `}})(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}
+    ${e=>((e,r,o,a)=>{let i="";if("numeric"===e)switch(r){case"medium":i="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":i="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}let n,s="";o&&(s="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),o&&(n=`\n      left: 70%;\n\n      ${"large"===r?"\n        top: -7px;\n      ":"medium"===r?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":""}\n    `);let d="";switch(a){case"primary":d=`\n      background: ${t.theme.colors.primary50};\n      color: ${t.theme.colors.primary600};  \n    `;break;case"error":d=`\n        background: ${t.theme.colors.error};\n        color: white;\n      `}switch(e){case"dot":return`\n        ${s}\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ${d}\n      `;case"numeric":return`\n        ${s}\n        width: max-content;\n        border-radius: 32px;\n        ${i}\n        ${n}\n        ${d}\n      `}})(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}
   }
 
   ${e=>e.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "}
@@ -121,7 +121,7 @@
   border-width: 1px;
   border-color: ${t.theme.colors.neutral200};
   border-style: ${e=>e.dividerType};
-`,f=p.default.div`
+`,b=p.default.div`
   position: relative;
   box-sizing: border-box;
   border: 1px solid ${t.theme.colors.gray200};
@@ -171,7 +171,7 @@
   &:hover {
     box-shadow: 0 0 2px 2px ${t.theme.colors.primary200};
   }
-`,b=p.default.div`
+`,f=p.default.div`
   padding: 12px 18px 12px 16px;
   cursor: pointer;
   &[data-dropdown-open] {
@@ -394,29 +394,7 @@
       }
     }
   }
-`;p.default.label`
-  display: inline-block;
-  margin-bottom: 4px;
-  color: ${t.theme.colors.gray600};
-  font-weight: ${t.theme.sizes.fwBold};
-`;const I=p.default.label`
-  color: ${t.theme.colors.red700};
-  font-weight: ${t.theme.sizes.fwRegular};
-`,R=p.default.div`
-  position: absolute;
-  top: 50%;
-  right: 16px;
-  display: inline-flex;
-  cursor: pointer;
-  transform: translateY(-50%);
-`,E=p.default.div`
-  position: absolute;
-  top: 50%;
-  left: 16px;
-  display: inline-flex;
-  cursor: default;
-  transform: translateY(-50%);
-`,B=c.default.forwardRef(((e,t)=>{var{name:r,errorMessage:n,autoComplete:s="off",defaultValue:l,actionIcon:d,displayIcon:p,isDeleteAction:h,onActionClick:u,label:x,placeholder:g,className:m,onChange:f,onKeyPress:b,isDisabled:y,CustomInput:w,size:v,style:$,autoFocus:k,type:z="text",isNumerousKeyboard:S=!1,onFocus:B,enterKeyHint:j,nativeOnChange:D}=e,L=o.__rest(e,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]);const[M,N]=a.useState(l);return c.default.createElement(C,{"data-size":v,className:m,"data-has-action-icon":!!d||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":n&&n.length>0||void 0,style:$},x&&c.default.createElement(i.Label,{size:"label2",htmlFor:r,className:"inputLabel"},x),c.default.createElement("div",{style:{position:"relative"}},w||c.default.createElement("input",Object.assign({id:r,name:r,placeholder:g,onChange:null!=D?D:e=>{return t=e.target.value,N(t),void f(t);var t},onKeyPress:b,type:z,"aria-label":z,disabled:y,value:M,autoComplete:s,ref:t,autoFocus:k,inputMode:S||"number"===z?"numeric":z,pattern:S?"[0-9]*":".*",onFocus:B,enterKeyHint:j},L)),p&&c.default.createElement(E,{className:"displayIcon"},p),d&&c.default.createElement(R,{className:"actionIcon",onClick:()=>{var e;h&&(N(""),null===(e=t.current)||void 0===e||e.focus()),u&&u()}},d)),n&&n.length>0&&c.default.createElement(I,{className:"errorLabel"},n))}));B.displayName="PureInput";const j=p.default.div`
+`,I=c.default.forwardRef(((e,t)=>{var{name:r,errorMessage:n,autoComplete:s="off",defaultValue:d,actionIcon:l,displayIcon:p,isDeleteAction:h,onActionClick:u,label:x,placeholder:g,className:m,onChange:b,onKeyPress:f,isDisabled:y,CustomInput:w,size:v,style:$,autoFocus:k,type:z="text",isNumerousKeyboard:S=!1,onFocus:I,enterKeyHint:E,nativeOnChange:R}=e,B=o.__rest(e,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]);const[j,D]=a.useState(d);return c.default.createElement(C,{"data-size":v,className:m,"data-has-action-icon":!!l||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":n&&n.length>0||void 0,style:$},x&&c.default.createElement(i.Label,{size:"label2",htmlFor:r,className:"inputLabel"},x),c.default.createElement("div",{style:{position:"relative"}},w||c.default.createElement("input",Object.assign({id:r,name:r,placeholder:g,onChange:null!=R?R:e=>{return t=e.target.value,D(t),void b(t);var t},onKeyPress:f,type:z,"aria-label":z,disabled:y,value:j,autoComplete:s,ref:t,autoFocus:k,inputMode:S||"number"===z?"numeric":z,pattern:S?"[0-9]*":".*",onFocus:I,enterKeyHint:E},B)),p&&c.default.createElement(i.StyledDisplayIcon,{className:"displayIcon"},p),l&&c.default.createElement(i.StyledActionIcon,{className:"actionIcon",onClick:()=>{var e;h&&(D(""),null===(e=t.current)||void 0===e||e.focus()),u&&u()}},l)),n&&n.length>0&&c.default.createElement(i.StyledErrorLabel,{className:"errorLabel"},n))}));I.displayName="PureInput";const E=p.default.div`
   --padding-horizontal: 8px;
   --pading-vertical: 2px;
   display: flex;
@@ -445,11 +423,11 @@
   &:active {
     background: ${t.theme.colors.primary50};
   }
-`,D=(e,t)=>a.forwardRef(((r,a)=>{var{className:i}=r,n=o.__rest(r,["className"]);return c.default.createElement(e,Object.assign({ref:a,className:`${t} ${i||""}`},n))})),L="24px",M="hhgcomp-toggle-icon",N=D(p.default.span`
+`,R=(e,t)=>a.forwardRef(((r,a)=>{var{className:i}=r,n=o.__rest(r,["className"]);return c.default.createElement(e,Object.assign({ref:a,className:`${t} ${i||""}`},n))})),B="24px",j="hhgcomp-toggle-icon",D=R(p.default.span`
   position: relative;
   display: block;
   width: 40px;
-  height: ${L};
+  height: ${B};
   background: #c3cbd4;
   border-radius: 100px;
   cursor: pointer;
@@ -465,10 +443,10 @@
     content: '';
     transition: 0.3s;
   }
-`,M),O=p.default.span`
+`,j),L=p.default.span`
   padding-left: 15px;
-`,P=p.default.div`
-  height: ${L};
+`,M=p.default.div`
+  height: ${B};
 
   input[type='checkbox'] {
     width: 0;
@@ -482,14 +460,14 @@
     color: ${t.theme.colors.gray600};
   }
 
-  input:checked + label .${M} {
+  input:checked + label .${j} {
     background: ${t.theme.colors.primaryBase};
     &:after {
       left: calc(100% - 2px);
       transform: translateX(-100%);
     }
   }
-`,q=p.default.div`
+`,N=p.default.div`
   textarea {
     width: 100%;
     height: var(--textarea-height, 116px);
@@ -513,7 +491,7 @@
       cursor: not-allowed;
     }
   }
-`,A=c.default.forwardRef((({height:e,placeholder:t,labelText:r,labelColor:o,id:a,name:n,onChange:s,value:l,className:d,onKeyPress:p,disabled:h=!1},u)=>c.default.createElement(q,{className:d,style:{"--textarea-height":e||"116px"}},r&&c.default.createElement(i.Label,{size:"label2",style:{color:o||"#595959"},htmlFor:a},r),c.default.createElement("textarea",{name:n,ref:u,placeholder:t,id:a,onChange:e=>s&&s(e.target.value),onKeyPress:e=>p&&p(e),value:l,disabled:h})))),T=p.default.div`
+`,O=c.default.forwardRef((({height:e,placeholder:t,labelText:r,labelColor:o,id:a,name:n,onChange:s,value:d,className:l,onKeyPress:p,disabled:h=!1},u)=>c.default.createElement(N,{className:l,style:{"--textarea-height":e||"116px"}},r&&c.default.createElement(i.Label,{size:"label2",style:{color:o||"#595959"},htmlFor:a},r),c.default.createElement("textarea",{name:n,ref:u,placeholder:t,id:a,onChange:e=>s&&s(e.target.value),onKeyPress:e=>p&&p(e),value:d,disabled:h})))),A=p.default.div`
   display: flex;
   cursor: pointer;
 
@@ -637,7 +615,7 @@
       }
     }
   }
-`,K=p.default.div`
+`,P=p.default.div`
   display: inline-flex;
 
   gap: calc(var(--gap) * 1px);
@@ -651,12 +629,12 @@
       cursor: pointer;
     }
   }
-`,Q="600ms",F=p.default.div`
+`,q="600ms",T=p.default.div`
   position: fixed;
   inset: 0;
   z-index: ${t.theme.zIndexes.drawer};
   pointer-events: ${e=>e.open?"auto":"none"};
-`,U=p.default.div`
+`,K=p.default.div`
   position: fixed;
   z-index: 300;
   background: #ffffff;
@@ -683,11 +661,11 @@
         width: 100%;
         border-radius: 0px 0px 6px 6px;
         ${r?e.css`
-              animation: ${n.slideInDown} ${Q} ease-in-out forwards;
+              animation: ${n.slideInDown} ${q} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${n.slideOutUp} ${Q} ease-in-out forwards;
+          animation: ${n.slideOutUp} ${q} ease-in-out forwards;
         }
       `;case"right":return e.css`
         right: 0;
@@ -696,22 +674,22 @@
         border-radius: 6px 0px 0px 6px;
 
         ${r?e.css`
-              animation: ${n.slideInRight} ${Q} ease-in-out forwards;
+              animation: ${n.slideInRight} ${q} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${n.slideOutRight} ${Q} ease-in-out forwards;
+          animation: ${n.slideOutRight} ${q} ease-in-out forwards;
         }
       `;case"bottom":return e.css`
         bottom: 0;
         width: 100%;
         border-radius: 6px 6px 0px 0px;
         ${r?e.css`
-              animation: ${n.slideInUp} ${Q} ease-in-out forwards;
+              animation: ${n.slideInUp} ${q} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${n.slideOutDown} ${Q} ease-in-out forwards;
+          animation: ${n.slideOutDown} ${q} ease-in-out forwards;
         }
       `;case"left":return e.css`
         left: 0;
@@ -720,11 +698,11 @@
         border-radius: 0px 6px 6px 0px;
 
         ${r?e.css`
-              animation: ${n.slideInLeft} ${Q} ease-in-out forwards;
+              animation: ${n.slideInLeft} ${q} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${n.slideOutLeft} ${Q} ease-in-out forwards;
+          animation: ${n.slideOutLeft} ${q} ease-in-out forwards;
         }
       `;default:return e.css`
         left: 0;
@@ -733,18 +711,18 @@
         border-radius: 0px 6px 6px 0px;
 
         ${r?e.css`
-              animation: ${n.slideInUp} ${Q} ease-in-out forwards;
+              animation: ${n.slideInUp} ${q} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${n.slideOutDown} ${Q} ease-in-out forwards;
+          animation: ${n.slideOutDown} ${q} ease-in-out forwards;
         }
       `}})(t.placement,t.open)}
-`,H=p.default.div`
+`,Q=p.default.div`
   min-height: 200px;
   padding: 16px;
   overflow-y: auto;
-`,G=p.default.div`
+`,F=p.default.div`
   position: fixed;
   inset: 0;
   display: flex;
@@ -765,7 +743,7 @@
     visibility: visible;
     pointer-events: auto;
   }
-`,_=p.default.div`
+`,U=p.default.div`
   display: flex;
   width: 100%;
 
@@ -776,7 +754,7 @@
   &[data-direction='horizontal'] {
     flex-wrap: wrap;
   }
-`,V=p.default.div`
+`,H=p.default.div`
   display: flex;
 
   padding: 8px;
@@ -836,4 +814,4 @@
       height: 40px;
     }
   }
-`;var W=s.createStyles((e=>({root:{display:"inline-block",flexShrink:0,padding:"2px 0.5rem",marginLeft:"4px",borderRadius:e.radius.xs,fontSize:"12px",fontWeight:400,lineHeight:"18px",'&[data-label-type="admin"]':{background:e.primaryColor[0],color:e.primaryColor[9]},'&[data-label-type="local admin"]':{background:e.primaryColor[8]},'&[data-label-type="ambassador"]':{background:e.colors.green[4]},'&[data-label-type="expert"]':{background:e.colors.yellow[6]},'&[data-label-type="moderator"]':{background:e.colors.red[0],color:e.colors.red[8]},'&[data-label-type="sponsor"]':{background:e.colors.teal[4]},'&[data-label-type="guide"]':{background:e.colors.teal[4]},'&[data-label-type="influencer"]':{background:e.colors.teal[4]}}})));const Y=a.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1});var X=s.createStyles((e=>({root:{},wrapper:{gap:s.rem(8)},groupErr:{fontSize:s.rem(14)},itemRoot:{flexGrow:1,width:"50%",'&[data-checked="true"]':{".mantine-Radio-label":{borderColor:e.fn.primaryColor()}}},itemLabelWrapper:{padding:0,width:"100%"},itemLabel:{position:"relative",padding:`${s.rem(6)} ${s.rem(16)}`,border:`1px solid ${e.colors.gray[2]}`,borderRadius:s.rem(4),cursor:"pointer",'&[data-disabled="true"]':{background:e.colors.gray[1],color:`${e.colors.gray[4]} !important`,img:{opacity:.5}},img:{height:s.rem(26)}},itemInner:{display:"none"}})));exports.PureInput=B,exports.StepRenderer=({children:e,onStepChange:t})=>{const[r,o]=a.useState(0),[i,n]=a.useState(0),s=c.default.Children.count(e);a.useEffect((()=>{n(s-1)}),[s]),a.useEffect((()=>{null==t||t(r)}),[r]);return c.default.createElement(Y.Provider,{value:{currentStep:r,setCurrentStep:o,setMaxStep:n,nextStep:()=>r+1<=i&&o(r+1),prevStep:()=>r-1>=0&&o(r-1)}},h.default(e).map(((e,t)=>{const o=t===r;return c.default.createElement(a.Fragment,{key:t},c.default.isValidElement(e)?e.props.alwaysRender||o?c.default.cloneElement(e,{isActive:t===r,stepIndex:t}):null:o?e:null)})))},exports.StepRendererContext=Y,exports.StyledAvatar=u,exports.StyledBackdrop=G,exports.StyledBadge=x,exports.StyledBorderHeading=g,exports.StyledCheckbox=T,exports.StyledDivider=m,exports.StyledDrawer=F,exports.StyledDrawerContent=H,exports.StyledDrawerPanel=U,exports.StyledDropdown=f,exports.StyledDropdownList=y,exports.StyledDropdownName=b,exports.StyledDropdownOption=w,exports.StyledGrid=$,exports.StyledIcon=v,exports.StyledPageBlock=z,exports.StyledPagination=k,exports.StyledPaginationBlock=S,exports.StyledRadioImageGroup=_,exports.StyledRadioImageItem=V,exports.StyledRateStars=K,exports.StyledTag=j,exports.StyledToggle=P,exports.StyledToggleIcon=N,exports.StyledToggleLabel=O,exports.TextArea=A,exports.getDefaultClassWrapper=D,exports.useStyles=X,exports.useStyles$1=W;
+`;var G=s.createStyles((e=>({root:{display:"inline-block",flexShrink:0,padding:"2px 0.5rem",marginLeft:"4px",borderRadius:e.radius.xs,fontSize:"12px",fontWeight:400,lineHeight:"18px",'&[data-label-type="admin"]':{background:e.primaryColor[0],color:e.primaryColor[9]},'&[data-label-type="local admin"]':{background:e.primaryColor[8]},'&[data-label-type="ambassador"]':{background:e.colors.green[4]},'&[data-label-type="expert"]':{background:e.colors.yellow[6]},'&[data-label-type="moderator"]':{background:e.colors.red[0],color:e.colors.red[8]},'&[data-label-type="sponsor"]':{background:e.colors.teal[4]},'&[data-label-type="guide"]':{background:e.colors.teal[4]},'&[data-label-type="influencer"]':{background:e.colors.teal[4]}}})));const _=a.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1});var V=s.createStyles((e=>({root:{},wrapper:{gap:s.rem(8)},groupErr:{fontSize:s.rem(14)},itemRoot:{flexGrow:1,width:"50%",'&[data-checked="true"]':{".mantine-Radio-label":{borderColor:e.fn.primaryColor()}}},itemLabelWrapper:{padding:0,width:"100%"},itemLabel:{position:"relative",padding:`${s.rem(6)} ${s.rem(16)}`,border:`1px solid ${e.colors.gray[2]}`,borderRadius:s.rem(4),cursor:"pointer",'&[data-disabled="true"]':{background:e.colors.gray[1],color:`${e.colors.gray[4]} !important`,img:{opacity:.5}},img:{height:s.rem(26)}},itemInner:{display:"none"}})));exports.PureInput=I,exports.StepRenderer=({children:e,onStepChange:t})=>{const[r,o]=a.useState(0),[i,n]=a.useState(0),s=c.default.Children.count(e);a.useEffect((()=>{n(s-1)}),[s]),a.useEffect((()=>{null==t||t(r)}),[r]);return c.default.createElement(_.Provider,{value:{currentStep:r,setCurrentStep:o,setMaxStep:n,nextStep:()=>r+1<=i&&o(r+1),prevStep:()=>r-1>=0&&o(r-1)}},h.default(e).map(((e,t)=>{const o=t===r;return c.default.createElement(a.Fragment,{key:t},c.default.isValidElement(e)?e.props.alwaysRender||o?c.default.cloneElement(e,{isActive:t===r,stepIndex:t}):null:o?e:null)})))},exports.StepRendererContext=_,exports.StyledAvatar=u,exports.StyledBackdrop=F,exports.StyledBadge=x,exports.StyledBorderHeading=g,exports.StyledCheckbox=A,exports.StyledDivider=m,exports.StyledDrawer=T,exports.StyledDrawerContent=Q,exports.StyledDrawerPanel=K,exports.StyledDropdown=b,exports.StyledDropdownList=y,exports.StyledDropdownName=f,exports.StyledDropdownOption=w,exports.StyledGrid=$,exports.StyledIcon=v,exports.StyledPageBlock=z,exports.StyledPagination=k,exports.StyledPaginationBlock=S,exports.StyledRadioImageGroup=U,exports.StyledRadioImageItem=H,exports.StyledRateStars=P,exports.StyledTag=E,exports.StyledToggle=M,exports.StyledToggleIcon=D,exports.StyledToggleLabel=L,exports.TextArea=O,exports.getDefaultClassWrapper=R,exports.useStyles=V,exports.useStyles$1=G;

package/build/lead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-74f26191.js"),t=require("react"),a=require("lodash/debounce"),l=require("uuid"),n=require("./index-3c68c5e4.js"),o=require("./index-5eb51860.js"),i=require("@mantine/core"),r=require("./Plus-04194182.js");require("./index.styles-e0843712.js");var d=require("./index-1de21188.js");require("./constants-bcb62c25.js"),require("./Subot-4d83c672.js"),require("./utils-e6e89802.js");var s=require("./utils-81e28888.js"),u=require("./index-89a4a534.js"),c=require("./theme-ee913b49.js"),m=require("./translationsContext-49f28d46.js");require("string-format"),require("@mantine/hooks"),require("./index-33e990e9.js"),require("./WhatsApp-7fe744bc.js"),require("./index.styled-e54e7b0d.js"),require("./index-23c49de5.js"),require("./utils-ed46648c.js");var p=require("./utils-e94dccb9.js");require("@mantine/dates");var h=require("./usePlacesAutocomplete-83af3ee0.js"),g=require("@mantine/form"),f=require("./useTranslations-17f45aff.js"),v=require("./index-fbed8d8d.js"),b=require("react-dom"),y=require("./cookieHelper-e8ab6752.js"),k=require("dayjs");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(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("./isProduction-b889d385.js"),require("styled-components"),require("./animation-d444dca5.js"),require("react-keyed-flatten-children"),require("@mantine/carousel"),require("classnames"),require("./useUniqueId-642dc3a9.js"),require("date-fns/locale"),require("slugify");var w=_(t),C=_(a),N=_(k);const S=1,T=2;let x="https://dev.leadgen.hellobacsi.com/";const O=1,P=2;let B="";x.includes("localhost")&&(x="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(B="pink");let j="https://"+location.hostname+location.pathname+location.search;j=j.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const L={"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}},$=L[document.documentElement.lang]||L["vi-VN"];const I={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 A={"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":A,"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":A},R=e=>{const t=q[e];return t||q["en-PH"]},D=t.createContext({}),M=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}},U=({onClose:e,containerClassName:t,svgClassName:a})=>w.default.createElement("button",{onClick:e,className:`le-newbuilder-close-button js-modal__close ${t||""}`},w.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",className:a},w.default.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),w.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"}))),H=({popupId:e,url:t,newTab:a,imageDestkop:l,imageMobile:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:d,loaded:s}=M(n),{width:u,height:c,loaded:m}=M(l);return s&&m?w.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},w.default.createElement("div",{className:"le-center-tab-popup"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:i},w.default.createElement("img",{className:"le-only-mobile",src:n,style:{aspectRatio:`${r}/${d}`}}),w.default.createElement("img",{className:"le-only-desktop",src:l,style:{aspectRatio:`${u}/${c}`}})),w.default.createElement(U,{onClose:o,containerClassName:"close-button-top-right"})))):null},W=({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}=M(s),{width:g,height:f,loaded:v}=M(d);return h&&v?w.default.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},w.default.createElement("aside",{className:"le-only-desktop"},w.default.createElement("div",{className:"le-floating-desktop"},w.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?w.default.createElement("div",null,w.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5,aspectRatio:`${g}/${f}`},src:d})):null,w.default.createElement("div",{style:{padding:20}},w.default.createElement("div",{className:`le-floating-desktop-title le-text-align-${n}`},a),w.default.createElement("div",{className:`le-floating-desktop-desc le-text-align-${i}`},o)),w.default.createElement("a",{target:r?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},w.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l)),w.default.createElement(U,{onClose:u,containerClassName:"close-button-top-right"})))),w.default.createElement("aside",{className:"le-only-mobile"},w.default.createElement("div",{className:"le-floating-mobile"},w.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},w.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},w.default.createElement("div",null,w.default.createElement("div",{className:`le-floating-mobile-title le-text-align-${n}`},a),w.default.createElement("div",{className:`le-floating-mobile-desc le-text-align-${i}`},o)),s?w.default.createElement("div",null,w.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100,aspectRatio:`${m}/${p}`},src:s})):null),w.default.createElement("div",{style:{textAlign:"center",marginTop:10}},w.default.createElement("a",{target:r?"blank":"_parent",href:t,style:{textDecoration:"none"}},w.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l))),w.default.createElement(U,{onClose:u,containerClassName:"close-button-top-right"}))))):null};const F=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},V={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(`${F.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((()=>({})))}},J={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(`${F.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((()=>({})))}},Y=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),J.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},z=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),V.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},G=({phone:e,type:t})=>V.call({url:"phone"===t?"api/sms/otp":"api/sms/whatsapp_otp",method:"post",data:{phone_number:"phone"===t?e.replace("+",""):e}}),K=({phone:e,otp:t,type:a})=>V.call({url:"phone"===a?"api/sms/verify":"api/sms/whatsapp_verify",method:"post",data:{otp_code:t,phone_number:"phone"===a?e.replace("+",""):e}}),Q={email:{},phone:{}},X=(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(Q[n][o]){if(Q[n][o].value)return i;if(!Q[n][o].value&&Q[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 z({campaign_id:[t],[e]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield Y({bot_id:a,[e]:n}))._errorCode?o:void 0})))(t,a,l);return Q[n][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},r})),[Z,ee,te]=g.createFormContext(),ae=["places"],le=({name:e,placeholder:a,locale:l})=>{var n;const o=ee(),[i,r]=t.useState(""),[s,u]=t.useState(""),{predictions:c}=h.usePlacesAutocomplete(i,"","tl-PH"===l?"en":null===(n=null==l?void 0:l.split("-"))||void 0===n?void 0:n[0]),[m,p]=t.useState(null),[g,f]=t.useState(!1),v=t.useRef(Math.random().toString(36).substring(7)),b=t.useMemo((()=>{const e=c.map((e=>({value:e.description,label:e.description}))),t=e.find((e=>e.value===s));return!s||t?e:[{value:s,label:s}].concat(e)}),[c,s]);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)?f(!0):Promise.resolve().then((function(){return E(require("@react-google-maps/api"))})).then((e=>{p((()=>e.LoadScript)),setTimeout((()=>{f(!0)}),200)}))}),[]),g?w.default.createElement(w.default.Fragment,null,m&&w.default.createElement(m,{googleMapsApiKey:h.GOOGLE_API_KEY,libraries:ae,loadingElement:w.default.createElement(w.default.Fragment,null)}),w.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":e,"data-control":"text"}),w.default.createElement(d.Select,Object.assign({className:"lead-modal__form-control",label:a,placeholder:a,withAsterisk:!0,name:e,data:b,searchValue:i,onSearchChange:e=>{r(e)},filter:()=>!0,clearable:!0,searchable:!0,onChange:e=>u(e||""),icon:w.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},w.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-"+v.current,rightSection:w.default.createElement(w.default.Fragment,null)},o.getInputProps(e)))):w.default.createElement("div",{style:{height:73}})},ne=({children:e,align:t})=>w.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${B}`},e),oe=({children:e,align:t})=>w.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${B}`},e),ie=({listBlockAdded:e,popupId:t,locale:a,onClose:l,onOtherSubmit:o})=>{const i=ee();return w.default.createElement(w.default.Fragment,null,e.map(((e,r)=>{const{name:s="",data:c={}}=e||{},{placeholder:m,value:h,align:g,listQuestion:f,isSendMailChimp:v=!1,newtab:b,url:y}=c;switch(s){case"TitleBlock":return w.default.createElement(oe,{key:r,align:g},h);case"SubtitleBlock":return w.default.createElement(ne,{key:r,align:g},h);case"TextBlock":return w.default.createElement(d.Input,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:m,className:"lead-modal__form-control",label:m,"data-control":"text",name:h},i.getInputProps(h)));case"NumberBlock":return w.default.createElement(d.NumberInput,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:m,className:"lead-modal__form-control",label:m,"data-control":"number",name:h},i.getInputProps(h)));case"EmailBlock":return w.default.createElement(d.Input,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,placeholder:m,className:"lead-modal__form-control",label:m,"data-control":"email",name:h},i.getInputProps(h)));case"PhoneOtpBlock":case"WhatsappOtpBlock":case"PhoneBlock":{const e=t+"-"+h+"-"+r;return w.default.createElement(d.Input.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:r,label:m,className:"lead-modal__form-control",labelProps:{htmlFor:e}},i.getInputProps(h)),w.default.createElement(d.Phone,{name:h,spellCheck:!1,type:"tel",placeholder:m,onChange:e=>{i.setFieldValue(h,e)},id:e,defaultCountry:a&&p.MAPPED_LOCALE[a]||"VN","data-control":"tel"}))}case"LocationBlock":return w.default.createElement(le,{key:r,name:h,placeholder:m,locale:a});case"DateBlock":return w.default.createElement(w.default.Fragment,null,w.default.createElement(u.DatePicker,Object.assign({withAsterisk:!0,key:r,type:"default",name:h,placeholder:m,className:"lead-modal__form-control",label:m,"data-control":"date"},i.getInputProps(h))),w.default.createElement("input",{type:"hidden",name:h,"data-control":"date"}));case"LinkButtonBlock":return w.default.createElement("div",{key:r},w.default.createElement("a",{target:b?"blank":"parrent",href:y,style:{textDecoration:"none"}},w.default.createElement(n.Button,{type:"button",size:"md",className:`lead-modal__btn ${B}`,onClick:()=>{null==l||l(),null==o||o()}},h)));case"CheckboxBlock":return w.default.createElement(w.default.Fragment,null,v&&w.default.createElement("div",{style:{display:"none"},"data-name":h+"-mailchimp"}),w.default.createElement(d.Checkbox.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:m,size:"md",sx:{display:"flex",flexDirection:"column",gap:8}},i.getInputProps(h)),f.map(((e,t)=>w.default.createElement(d.Checkbox,{name:h,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})))));case"RadioBlock":return w.default.createElement(w.default.Fragment,null,v&&w.default.createElement(d.Input,{type:"hidden",name:h+"-mailchimp",value:v}),w.default.createElement(d.Radio.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:m,size:"md"},i.getInputProps(h)),f.map(((e,t)=>w.default.createElement(d.Radio,{name:h,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})))));case"DropdownBlock":return w.default.createElement(w.default.Fragment,null,w.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":h,"data-control":"dropdown"}),w.default.createElement(d.Select,Object.assign({key:r,className:"lead-modal__form-control",label:m,withAsterisk:!0,name:h,data:f.map((e=>({value:e.value,label:e.placeholder})))},i.getInputProps(h))));case"TncBlock":const s=i.getInputProps("TNC-"+e.id);return w.default.createElement(w.default.Fragment,null,w.default.createElement(d.Checkbox,Object.assign({name:"TNC-"+e.id,key:e.id,label:w.default.createElement("p",{className:"lead-modal__tnc-link",dangerouslySetInnerHTML:{__html:c.valueHTML}}),className:"tnc-block","data-control":"checkbox"},s,{error:s.error?w.default.createElement(w.default.Fragment,null):void 0})))}return null})))},re=({otpData:a,onSuccess:l,autoSendWhenOpen:o})=>{const{t:i}=f.useTranslations(),s=a.phone,u=a.type,[m,p]=t.useState(""),[h,g]=t.useState(!1),[b,y]=t.useState(o?0:60),k=t.useRef(null),[_,C]=t.useState(),[N,S]=t.useState(""),T=t.useRef(),[x,O]=t.useState(!1);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!T.current){const e=yield Promise.resolve().then((function(){return E(require("react-phone-number-input"))}));T.current=e.formatPhoneNumberIntl}S((null===(e=T.current)||void 0===e?void 0:e.call(T,s))||s)}))}),[s]);const P=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!s)return;const t=yield G({phone:s,type:u}),a=null===(e=null==t?void 0:t._messages)||void 0===e?void 0:e[0];"Send sms successfully"===a||"Send WhatsApp successfully"===a?(y(60),setTimeout((()=>{k.current&&(k.current.focus(),k.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===a?l():C(a||"Something went wrong!")}));return t.useEffect((()=>{setTimeout((()=>{b>0&&y((e=>e-1))}),1e3)}),[b]),t.useEffect((()=>{o&&!b&&P()}),[]),w.default.createElement(w.default.Fragment,null,w.default.createElement("form",{onSubmit:t=>{t.preventDefault(),e.__awaiter(void 0,void 0,void 0,(function*(){if(!s||!m)return;O(!0);const e=yield K({phone:s,otp:m,type:u}),t=null==e?void 0:e._messages[0];"Verify successfully"===t||"Verify WhatsApp OTP sucess"===t||"This phone number was verified"===t?l():C(t||"something Wrong"),O(!1)}))},className:"lead-phone-otp-form"},w.default.createElement(v.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},i("lead.otp.title")),w.default.createElement(r.Text,{size:"p1",color:c.theme.colors.gray600},i("lead.otp.desc",{phone:N})),w.default.createElement(d.Input,{ref:k,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:m,maxLength:6,onChange:e=>{g(!0),p(e),C(h&&!e?"OTP is required":void 0)},error:h?_:void 0}),w.default.createElement(n.Button,{size:"md",color:"primary",className:`lead-modal__btn ${B}`,disabled:!m,isLoading:x},i("lead.otp.verify")),w.default.createElement(n.Button,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${B}`,onClick:()=>{P()},disabled:!!b},i("lead.otp.resend",{timer:b?` (${b}s)`:""}))))},de=({title:e,titleAlign:t,subtitle:a,subtitleAlign:l,link:n,linkNewTab:o,linkText:i,image:r})=>{const{width:d,height:s,loaded:u}=M(r);return u?w.default.createElement("div",{className:"lead-modal__thank-you"},w.default.createElement("div",{style:{width:"100%"}},w.default.createElement("img",{src:r,style:{maxHeight:162,objectFit:"cover",aspectRatio:`${d}/${s}`},loading:"lazy"}),e&&w.default.createElement("h1",{className:`le-thankyou-title le-text-align-${t}`},e),a&&w.default.createElement("p",{className:`le-thankyou-subtitle le-text-align-${l}`},a),i&&w.default.createElement("div",null,w.default.createElement("a",{href:n,target:o?"_blank":"parrent",rel:"noreferrer"},w.default.createElement("button",{className:`lead-modal__btn ${B}`},i))))):null},se=({content:e,inlinePosition:a})=>{const l=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&&l?b.createPortal(e,l):null},ue=({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 w.default.createElement(w.default.Fragment,null,a.map((t=>b.createPortal(e,s.getWrapperDomWithSelector(t,"sidebar-lead-modal-wrapper")))))},ce=({popupId:e,extraFields:a,onClose:l,onOtherSubmit:i,imageMobile:r,imageDesktop:d,imageOverlayMobile:s,imageOverlayDesktop:u,imageBackground:c,currentLayout:m,title:p,onSubmit:h,showThankyou:g,campaignId:v,campaign_subot_id:b,locale:y})=>{var k,_,E;const C=JSON.parse(a.listBlockAdded),N=JSON.parse(a.actionBlocks),S=JSON.parse(a.textBlocks),T=N.submitBlock.data.url,x=N.submitBlock.data.text,O=N.submitBlock.data.text2,P=N.submitBlock.data.value,j=location.pathname,L=m.includes("Inline")||"Sidebar"===m,I="Slider"===m,[A,q]=t.useState(!0),[R,D]=t.useState(null),[H,W]=t.useState(!1),F=t.useRef(),V=()=>{R?D(null):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(m))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((()=>{(m.includes("LightBox")||"Fullscreen"==m)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),Q.email={},Q.phone={}}),[]);const J=t.useRef(!1),Y=t.useRef(!1),{form:z,validateObj:K}=(({listBlockAdded:e=[],validatingPhoneRef:a,validatingEmailRef:l,campaignId:n,campaign_subot_id:o=[]})=>{const{t:i}=f.useTranslations(),r=t.useMemo((()=>{const t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","WhatsappOtpBlock","LocationBlock","TncBlock"],r=(e,t)=>a=>{if(s.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((()=>{s.current.setFieldError(t.data.value,"Validating..."),X(n,o,{email:e}).then((e=>{e?s.current.setFieldError(t.data.value,i(e)):s.current.clearFieldError(t.data.value),l.current=!1})).catch((e=>{console.error(e),s.current.setFieldError(t.data.value,e.message||"Something went wrong"),l.current=!1}))}),200)}))}):"PhoneBlock"===t.name||"PhoneOtpBlock"===t.name||"WhatsappOtpBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),$.countryCode))return i("validator.phone");a.current=!0,setTimeout((()=>{s.current.setFieldError(t.data.value,"Validating..."),X(n,o,{phone:e}).then((e=>{e?s.current.setFieldError(t.data.value,i(e)):s.current.clearFieldError(t.data.value),a.current=!1})).catch((e=>{console.error(e),s.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")}))}):"TncBlock"===t.name?Object.assign(Object.assign({},e),{["TNC-"+t.id]:r("TNC-"+t.id)}):Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value)})),{})}),[e.map((e=>e.name)).join(",")]),d=te({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:r}),s=t.useRef(d);return s.current=d,{form:d,validateObj:r}})({listBlockAdded:C,validatingPhoneRef:J,validatingEmailRef:Y,campaignId:v,campaign_subot_id:b}),{width:ee,height:ae,loaded:le}=M(c),{width:ne,height:oe,loaded:ce}=M(r),{width:me,height:pe,loaded:he}=M(d),ge=ce&&he&&("Fullscreen"!=m||le),fe=w.default.createElement(w.default.Fragment,null,w.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n          .le-newbuilder-overlay {\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n          ${s?`\n              .le-newbuilder-overlay {\n                background: url(${s}) ;\n              }`:""}\n          ${u?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${u}) ;\n                }\n              }`:""}`}}),w.default.createElement("div",{id:e,"data-popup-url":j,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${L?"le-buider-inline":""} ${I?"le-buider-slider":""}`},"Fullscreen"==m?w.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:c||"",style:{aspectRatio:`${ee}/${ae}`}}):null,w.default.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${m}`},w.default.createElement("div",{className:`lead-modal__content le-newbuilder-${m}`},g?w.default.createElement(de,{title:g.title,titleAlign:g.titleAlign,subtitle:g.subtitle,subtitleAlign:g.subtitleAlign,link:g.link,linkNewTab:g.linkNewTab,linkText:g.linkText,image:g.image}):w.default.createElement(w.default.Fragment,null,w.default.createElement("header",{className:"lead-modal__header"},R?w.default.createElement("img",{src:o.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%",minHeight:"150px",backgroundColor:"#f2f2f2"},loading:"lazy"}):w.default.createElement(w.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(m)?r?w.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:r,style:{aspectRatio:`${ne}/${oe}`},alt:""}):null:w.default.createElement(w.default.Fragment,null,d?w.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{objectFit:"cover",aspectRatio:`${me}/${pe}`},src:d,alt:""}):null,r?w.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:r,alt:"",style:{aspectRatio:`${ne}/${oe}`}}):null))),R&&w.default.createElement(re,{otpData:R,autoSendWhenOpen:!1,onSuccess:()=>{D(null),null==h||h(F.current,z.values)}}),w.default.createElement("div",{"data-hidden":!!R,className:"lead-modal__body le-newbuilder-overlay"},w.default.createElement(Z,{form:z},w.default.createElement("form",{ref:F,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),z.setTouched(Object.keys(K).reduce(((e,t)=>(e[t]=!0,e)),{})),Y.current||J.current||setTimeout((()=>{z.onSubmit((e=>{var t,a,l,n,o,i;if(Object.keys(z.errors).length)return;let r=null;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;(null===(l=e[n])||void 0===l?void 0:l.startsWith("+"))&&(r={phone:e[n],type:"phone"})}if(C.findIndex((e=>"WhatsappOtpBlock"===e.name))>-1){const t=null===(o=null===(n=C.find((e=>"WhatsappOtpBlock"===e.name)))||void 0===n?void 0:n.data)||void 0===o?void 0:o.value;(null===(i=e[t])||void 0===i?void 0:i.startsWith("+"))&&(r={phone:e[t],type:"whatsapp"})}if(r)return W(!0),void G(r).then((t=>{var a;"This phone number was verified"!==(null===(a=null==t?void 0:t._messages)||void 0===a?void 0:a[0])?D(r):null==h||h(F.current,e)})).finally((()=>{W(!1)}));null==h||h(F.current,e)}))(e)}),100)}},w.default.createElement("div",{style:{marginBottom:20}},w.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(null===(k=S.titleBlock.data)||void 0===k?void 0:k.align)} ${B}`},p),w.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(_=S.titleBlock.data)||void 0===_?void 0:_.align)} ${B}`},S.subtitleBlock.data.value)),w.default.createElement("div",{className:"lead-modal__form-control-wrapper"},w.default.createElement(ie,{listBlockAdded:C,popupId:e,locale:y,onClose:V,onOtherSubmit:i})),(null===(E=null==N?void 0:N.submitBlock)||void 0===E?void 0:E.isHide)?null:w.default.createElement(w.default.Fragment,null,w.default.createElement("div",{className:`lead-modal__checkbox-wrapper ${B}`},w.default.createElement("div",{className:"lead-modal__checkbox"},w.default.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${B}`,type:"checkbox","aria-label":"Checkbox label",checked:A,onChange:e=>q(e.currentTarget.checked)}),w.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),w.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},x," ",w.default.createElement("span",{style:{fontWeight:"bold"}},w.default.createElement("a",{target:"blank",href:T||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},O)))),w.default.createElement(n.Button,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${B}`,disabled:!A,isLoading:H},P))))))),!m.includes("Inline")&&w.default.createElement(U,{onClose:V,containerClassName:"close-button-top-right"}))));return ge?m.includes("LightBox")||"Fullscreen"==m||"Slider"==m?fe:"Sidebar"==m?w.default.createElement(ue,{content:fe}):m.includes("Inline")?w.default.createElement(se,{content:fe,inlinePosition:a.popupInlinePosition}):null:null},me=({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}=M(o),{width:p,height:h,loaded:g}=M(i);return m&&g?w.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==r?w.default.createElement("aside",{className:"le-only-desktop"},w.default.createElement("div",{className:"le-skin-a-desktop"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("img",{src:i,style:{aspectRatio:`${p}/${h}`}}),w.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"},w.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},a)),w.default.createElement(U,{onClose:n,containerClassName:"close-button-top-right"})))):"SkinB"==r?w.default.createElement("aside",{className:"le-only-desktop"},w.default.createElement("div",{className:""},w.default.createElement("div",{style:{position:"relative",zIndex:1e4}},w.default.createElement("img",{src:i,style:{width:"100%",aspectRatio:`${p}/${h}`}}),w.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},w.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),w.default.createElement(U,{containerClassName:"close-button-top-right",onClose:n})))):null,w.default.createElement("aside",{className:"le-only-mobile"},w.default.createElement("div",{className:"le-skin-mobile"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("img",{src:o,style:{width:"100%",aspectRatio:`${u}/${c}`}}),w.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"},w.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),w.default.createElement(U,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:n}))))):null},pe=({popupId:e,url:t,newTab:a,image:l,onClose:n,onOtherSubmit:o})=>{const{width:i,height:r,loaded:d}=M(l);return d?w.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},w.default.createElement("div",{className:"le-tab-popup"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:o},w.default.createElement("img",{className:"js-popup-other-submit",src:l,style:{aspectRatio:`${i}/${r}`}})),w.default.createElement(U,{onClose:n,containerClassName:"close-button-top-right"})))):null},he=[],ge=[],fe=[],ve=[],be=[],ye=[];const ke=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},_e=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 Ee=e=>!function(e){var t;const a=Number(null===(t=e.rules.find((e=>"exclude_sponsored"==e.rule)))||void 0===t?void 0:t.value);return!(!Boolean(document.querySelector(".hhg-disclaimer-text"))||!a||(ve.push(e),0))}(e)&&(!!function(e){var t,a;try{const l=null===(t=e.rules.find((e=>"exclude_sponsored_list"==e.rule)))||void 0===t?void 0:t.value,n=l instanceof Array?l:JSON.parse(l),o=Number(null===(a=document.querySelector("[data-sponsored-id]"))||void 0===a?void 0:a.getAttribute("data-sponsored-id"));return!o||o<=0||0===n.length||(!!n.find((e=>e.id==o))||(be.push({id:e.id,rules:e.rules}),!1))}catch(e){return!0}}(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=_e(a),o=_e(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1;return!(ke(I[i]).getTime()>o.getTime()&&(fe.push(e),1))}(e):0===e.formatted_status&&(he.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=_e(l),i=_e(n);if(!o||!i)return!1;const r=ke(I[a]).getTime();return r<=i.getTime()&&r>=o.getTime()&&(ge.push(e),!0)})(e)))),we=e=>{var t;try{const a=(e,t,a)=>{const l=t.split(":"),n=a.split(":"),o=new Date;o.setHours(Number(l[0]),Number(l[1]),0,0);const i=new Date;return i.setHours(Number(n[0]),Number(n[1]),0,0),e>=o&&e<=i},l=null===(t=e.rules.find((e=>"appearance_time"==e.rule)))||void 0===t?void 0:t.value,n=l.startTime,o=l.endTime||"23:59";return!n||(!!a(new Date,n,o)||(ye.push(e),!1))}catch(e){return!0}};let Ce=null;function Ne({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:n,DEBUG_URL:o}){const i=o||("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:y.getCookie("_ga")||null})}).then((e=>e.json())).then((e=>{var t,o,r,d;if(Se("List campagin: ",e),j="https://"+location.hostname+location.pathname+location.search,1==e._status){const s=((null===(o=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===o?void 0:o.filter(Ee))||[]).filter(we);y.getCookie("hhg-id")||(y.setCookie("hhg-id",l.v1(),{domain:"."+a,path:"/"}),Se("😍 Set HHG ID cookie"));let u=[];u=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?s.filter((e=>e.device_types.some((e=>e.id==O)))):s.filter((e=>e.device_types.some((e=>e.id==P)))),Se("👓 campaignsDevice",u),Se("--listCampaignScheduled",he),Se("--listCampaignScheduledToActivated",ge),Se("--listCampaignActiveButExpired",fe),Se("--listCampaignExcludeSonsored",ve),Se("--listCampaignDifferentSponsor",be),Se("--listCampaignNotDisplayInRangeOfTime",ye);let c=u.map(((e,t)=>e.targets.filter((e=>e.type==S)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);c=c.filter((e=>{var t;const a=new URL(String(e.target).toLowerCase());if("exact_match"==e.option)return Boolean(i===(null===(t=a.href)||void 0===t?void 0:t.toLowerCase()));if("start_with"==e.option){if(i.includes(String(e.target).toLowerCase())){const t=e.sub_target.filter((e=>"excluding"==e.option)).map((e=>{var t;return null===(t=e.value)||void 0===t?void 0:t.toLowerCase()}));return!t.includes(i.split("?")[0])}return!1}}));const m=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let p=[],h=[];m&&m.length&&(p=u.map(((e,t)=>e.targets.filter((e=>e.type==T)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),h=p.filter((e=>m.includes(e.target))));const g=[...c,...h],f=document.cookie.split("; ").map((e=>e.split("=")[0])),v=f.filter((e=>e.includes("lead_submited")));Se("--listCampaignCodeSubmited",v);const b=f.filter((e=>e.includes("lead_closed")));Se("--listCampaignCodeClosed",b);const k=[...v,...b],_=(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})(g.filter((e=>!k.some((t=>t.includes(u[e.campaignIndex].code))))));if(Se("--listCampaignValid : ",_),_&&_.length){const e=u[_[0].campaignIndex];Se("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(r=t.find((e=>"time"==e.rule)))||void 0===r?void 0:r.value);Se("timeoutRule",a);const l=Number(null===(d=t.find((e=>"scroll"==e.rule)))||void 0===d?void 0:d.value);Se("scrollRule",l);let o="TIME";if(Number.isInteger(a)&&(o="TIME",Se("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),Ce&&clearTimeout(Ce),Ce=setTimeout((()=>{null==n||n(e,o)}),1e3*a)),Number.isInteger(l)){o="SCROLL",Se("✨ SHOW AWESOME AFTER: SCROLL",l," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,i=t.offsetHeight;Se("👓 Element check scroll: ",t);const r=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let d=0;t>=a&&(d=Math.round((t-a)/(i-innerHeight)*100)),Se("---Scroll",d,l),d>=l&&(window.removeEventListener("scroll",r),null==n||n(e,o))};window.addEventListener("scroll",r,{passive:!0})}}else Se("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{Se("Lead error: ",e)}))}const Se=(...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 Te=({campaign:e,action:a,onSubmit:n,onClose:o,showThankyou:i,locale:r})=>{var d,s;const{apiUrl:u,siteDomain:c}=t.useContext(D);t.useEffect((()=>{const e=y.getCookie("_ga")||null;fetch(`${u}api/campaign/${g}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:y.getCookie("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:m,image:p,image_desktop:h,code:g,image_background:f,image_overlay_mobile:v,image_overlay_desktop:b}=e||{},{currentLayout:k}=m,_=m.imageBlocks?JSON.parse(m.imageBlocks):{},E=JSON.parse(m.actionBlocks),C=JSON.parse(m.textBlocks);let N=(null===(s=null===(d=null==C?void 0:C.titleBlock)||void 0===d?void 0:d.data)||void 0===s?void 0:s.value)||"";const S={1:{},2:{},3:{}},T=t.useRef("lead-modal-"+l.v1()),x=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t=11,a=e.search("{{category_");return+e.charAt(t+a)}return null}(N);if(x){Se("⚡️ Has categoryLevel",x);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${x}`)),a=e.find((e=>e.name===`content_category_en_${x}`));if(!t||!a)return Se("⚡️ No META TAG for categoryLevel, not show popup",x),null;S[x]={value:t.content,value_en:a.content},N=N.replace(`{{category_${x}}}`,t.content),Se("⚡️ Set categoryData ",x)}else Se("⚡️ No categoryLevel",x);const O=()=>{var t,a,l,n;if(Se("👌 Other submit click"),document.body.classList.remove("noscroll"),k.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const i=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),r=Number(null!==(n=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==n?n:0);0===r&&(Se("⛔ Popup never show again!"),y.setCookie(`lead_submited_${g}`,`target_${m.popupVersion}`,{domain:"."+c,path:"/"})),1==r&&(Se(`⌛ Popup will show again after ${i} days!`),y.setCookie(`lead_submited_${g}`,`target_${m.popupVersion}`,{domain:"."+c,days:i,path:"/"}));const d=y.getCookie("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:y.getCookie("hhg-id"),ga_client_id:d};x&&(s.category=S[x].value_en),fetch(`${u}api/campaign/${g}/lead`,{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&Se(e)})).catch((e=>{Se("Error:",e)})),null==o||o()};return"CenterTab"===k?w.default.createElement(H,{popupId:T.current,url:_.imageMobile.data.url,newTab:_.imageMobile.data.newtab,imageMobile:p,imageDestkop:h,onClose:o,onOtherSubmit:O}):"Tab"===k?w.default.createElement(pe,{popupId:T.current,url:_.imageMobile.data.url,newTab:_.imageMobile.data.newtab,image:p,onClose:o,onOtherSubmit:O}):"Floating"===k?w.default.createElement(W,{popupId:T.current,title:N,titleAlign:C.titleBlock.data.align,subtitle:C.subtitleBlock.data.value,subtitleAlign:C.subtitleBlock.data.align,url:E.linkButtonBlock.data.url,urlText:E.linkButtonBlock.data.value,newTab:E.linkButtonBlock.data.newtab,imageMobile:p,imageDesktop:h,onClose:o,onOtherSubmit:O}):k.includes("LightBox")||k.includes("Inline")||"Fullscreen"==k||"Sidebar"==k||"Slider"==k?w.default.createElement(ce,{popupId:T.current,extraFields:m,onClose:o,onOtherSubmit:O,imageMobile:p,imageDesktop:h,imageBackground:f,currentLayout:k,title:N,onSubmit:(e,t)=>n(e,t,x,S),key:k,imageOverlayDesktop:b,imageOverlayMobile:v,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:r}):k.includes("Skin")?w.default.createElement(me,{popupId:T.current,link:E.linkButtonBlock.data.url,linkNewTab:!!E.linkButtonBlock.data.newtab,linkText:E.linkButtonBlock.data.value,onClose:o,onOtherSubmit:O,imageMobile:p,imageDesktop:h,currentLayout:k}):null};exports.LeadGen=({apiUrl:a,siteDomain:l,siteId:n,locale:o,apiSubotUrl:r,DEBUG_URL:d,forceCampaign:u})=>{var c;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,l,n]),[f,v]=t.useState(u),[b,k]=t.useState(""),[_,E]=t.useState(null);t.useEffect((()=>{u&&(v(u),k("SHOW"))}),[null==u?void 0:u.code]),t.useEffect((()=>{F.apiLeadUrl=g,F.apiSubotUrl=r}),[g,r]);const S=(e,t)=>{v(e),k(t)},T=()=>{var e,t;if(!f)return;Se(`👋👋👋 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),n=Number(null===(t=f.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&(n?y.setCookie(`lead_closed_${f.code}`,`target_${null==f?void 0:f.extra_fields.popupVersion}`,{domain:"."+l,days:n,path:"/"}):y.setCookie(`lead_closed_${f.code}`,`target_${null==f?void 0:f.extra_fields.popupVersion}`,{domain:"."+l,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:y.getCookie("hhg-id"),duration:Math.ceil((Date.now()-h.current)/1e3)})}),v(null),E(null)};t.useEffect((()=>{if(!(null==u?void 0:u.code)){if(window.next){const e=C.default((e=>{Se("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;T(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?Se("🔥 This URL page has show popup!"):(Se("--Process checkShowPopup"),Ne({leadApi:g,leadDomain:l,leadSiteId:n,onShowPopup:S,DEBUG_URL:d})),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}Ne({leadApi:g,leadDomain:l,leadSiteId:n,onShowPopup:S,DEBUG_URL:d})}}),[]);const x=(t,a,n,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,i,r,d,s,u,c,m,p,h,v;if(!a)return;Se("submitHandler",n,o);const b=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),k=y.getCookie("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const _={url:location.href.toLowerCase(),title_article:document.title,meta:b.map((e=>{var a,l;const n=(null===(a=t.querySelector(`*[name="${e.name}"][data-control]`))||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==$?void 0:$.countryCodeNumber,2).replace(/\s+/g,""):"date"===n?N.default(e.value).format("YYYY-MM-DD"):e.value;return{key:e.name,value:o,control:n}})),cookie_id:y.getCookie("hhg-id"),ga_client_id:k};n&&o[n].value_en&&(_.category=o[n].value_en);const w=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),C=Number((null===(d=null===(r=f.rules)||void 0===r?void 0:r.find((e=>"show_again_after_submit"===e.rule)))||void 0===d?void 0:d.value)||0);if(0==C&&(Se("⛔ Popup never show again!"),y.setCookie(`lead_submited_${f.code}`,`target_${null==f?void 0:f.extra_fields.targetType}`,{domain:"."+l,path:"/"})),1==C&&(Se(`⌛ Popup will show again after ${w} days!`),y.setCookie(`lead_submited_${f.code}`,`target_${null==f?void 0:f.extra_fields.targetType}`,{domain:"."+l,days:w,path:"/"})),fetch(`${g}api/campaign/${f.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(_)}),"notshow"==(null==f?void 0:f.extra_fields.popupShowThankYou))return T(),void document.body.classList.remove("noscroll");let S=!0;const x=f.thank_you_image||`${g}admin/img/thanksyou.png`;let O,P,B=(null==f?void 0:f.extra_fields.popupThankyouTitle)||"Thank you.",j=(null==f?void 0:f.extra_fields.popupThankyouDesc)||"We appreciate your time!",L="",I="",A="";if("2.1"==(null==f?void 0: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===(s=null==a?void 0:a.data)||void 0===s?void 0:s.value)||"",L=(null===(u=null==a?void 0:a.data)||void 0===u?void 0:u.align)||"",j=(null===(c=null==l?void 0:l.data)||void 0===c?void 0:c.value)||"",I=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.align)||"",O=(null===(p=null==n?void 0:n.data)||void 0===p?void 0:p.value)||"",P=(null===(h=null==n?void 0:n.data)||void 0===h?void 0:h.newtab)||!1,A=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.url)||"";const o=f.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(S=!1)}E(S?{title:B,titleAlign:L,subtitle:j,subtitleAlign:I,link:A,linkNewTab:P,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}},b.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))}));return t.useEffect((()=>{f&&(h.current=Date.now())}),[f]),w.default.createElement(D.Provider,{value:{apiUrl:g,siteDomain:l,siteId:n,locale:o}},w.default.createElement(m.TranslationsContext.Provider,{value:{locale:o,values:R(o)}},w.default.createElement(i.Portal,{target:s.getPopupWrapperDom()},w.default.createElement(i.Box,{sx:{position:"fixed",zIndex:9999999999}},w.default.createElement(i.Transition,{mounted:Boolean("2.1"===(null===(c=null==f?void 0:f.extra_fields)||void 0===c?void 0:c.popupVersion)),transition:"fade",duration:600,timingFunction:"ease"},(e=>{var t;return w.default.createElement(i.Box,{style:e},"2.1"===(null===(t=null==f?void 0:f.extra_fields)||void 0===t?void 0:t.popupVersion)&&w.default.createElement(w.default.Fragment,null,!!f.extra_fields.currentLayout&&!f.extra_fields.currentLayout.includes("Inline")&&!f.extra_fields.currentLayout.includes("Sidebar")&&w.default.createElement(i.Overlay,{color:"#000",opacity:.5,center:!0,zIndex:400,pos:"fixed",onClick:()=>T()}),w.default.createElement(Te,{campaign:f,action:b,onSubmit:x,onClose:T,showThankyou:_,locale:o})))}))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-94d9fc9f.js"),t=require("react"),a=require("lodash/debounce"),l=require("uuid"),n=require("./index-499c23d5.js"),o=require("./index-7ad5f191.js"),i=require("@mantine/core"),r=require("./Plus-1389822c.js");require("./index.styles-ce777fa6.js");var d=require("./index-1c7247cc.js");require("./constants-2a4ad19a.js"),require("./Subot-6f44f7d1.js"),require("./utils-c3b0bf92.js");var s=require("./utils-82e9e1c2.js"),u=require("./index-25e39319.js"),c=require("./theme-b5bd9d5b.js"),m=require("./translationsContext-4202bcac.js");require("string-format"),require("@mantine/hooks"),require("./index-a35a2780.js"),require("./WhatsApp-b1f3496a.js"),require("./index.styled-b45c0dd2.js"),require("./index-c2ff8b54.js"),require("./utils-5ea654b8.js");var p=require("./utils-7a63c632.js");require("@mantine/dates");var h=require("./usePlacesAutocomplete-c4bd074d.js"),g=require("@mantine/form"),f=require("./useTranslations-e2b22984.js"),v=require("./index-e05e160d.js"),b=require("react-dom"),y=require("./cookieHelper-3b9ceb4e.js"),k=require("dayjs");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(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("./isProduction-822a7286.js"),require("styled-components"),require("./animation-e73dc040.js"),require("react-keyed-flatten-children"),require("@mantine/carousel"),require("classnames"),require("./useUniqueId-ff7774a5.js"),require("date-fns/locale"),require("slugify");var w=_(t),C=_(a),N=_(k);const S=1,T=2;let x="https://dev.leadgen.hellobacsi.com/";const O=1,P=2;let B="";x.includes("localhost")&&(x="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(B="pink");let j="https://"+location.hostname+location.pathname+location.search;j=j.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));const L={"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}},$=L[document.documentElement.lang]||L["vi-VN"];const I={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 A={"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":A,"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":A},R=e=>{const t=q[e];return t||q["en-PH"]},D=t.createContext({}),M=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}},U=({onClose:e,containerClassName:t,svgClassName:a})=>w.default.createElement("button",{onClick:e,className:`le-newbuilder-close-button js-modal__close ${t||""}`},w.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",className:a},w.default.createElement("circle",{cx:"16",cy:"16",r:"16",fill:"white"}),w.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"}))),H=({popupId:e,url:t,newTab:a,imageDestkop:l,imageMobile:n,onClose:o,onOtherSubmit:i})=>{const{width:r,height:d,loaded:s}=M(n),{width:u,height:c,loaded:m}=M(l);return s&&m?w.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},w.default.createElement("div",{className:"le-center-tab-popup"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:i},w.default.createElement("img",{className:"le-only-mobile",src:n,style:{aspectRatio:`${r}/${d}`}}),w.default.createElement("img",{className:"le-only-desktop",src:l,style:{aspectRatio:`${u}/${c}`}})),w.default.createElement(U,{onClose:o,containerClassName:"close-button-top-right"})))):null},W=({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}=M(s),{width:g,height:f,loaded:v}=M(d);return h&&v?w.default.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},w.default.createElement("aside",{className:"le-only-desktop"},w.default.createElement("div",{className:"le-floating-desktop"},w.default.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},d?w.default.createElement("div",null,w.default.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5,aspectRatio:`${g}/${f}`},src:d})):null,w.default.createElement("div",{style:{padding:20}},w.default.createElement("div",{className:`le-floating-desktop-title le-text-align-${n}`},a),w.default.createElement("div",{className:`le-floating-desktop-desc le-text-align-${i}`},o)),w.default.createElement("a",{target:r?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},w.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l)),w.default.createElement(U,{onClose:u,containerClassName:"close-button-top-right"})))),w.default.createElement("aside",{className:"le-only-mobile"},w.default.createElement("div",{className:"le-floating-mobile"},w.default.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},w.default.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},w.default.createElement("div",null,w.default.createElement("div",{className:`le-floating-mobile-title le-text-align-${n}`},a),w.default.createElement("div",{className:`le-floating-mobile-desc le-text-align-${i}`},o)),s?w.default.createElement("div",null,w.default.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100,aspectRatio:`${m}/${p}`},src:s})):null),w.default.createElement("div",{style:{textAlign:"center",marginTop:10}},w.default.createElement("a",{target:r?"blank":"_parent",href:t,style:{textDecoration:"none"}},w.default.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:c},l))),w.default.createElement(U,{onClose:u,containerClassName:"close-button-top-right"}))))):null};const F=new class{constructor(){this.apiLeadUrl="https://dev.leadgen.hellobacsi.com/",this.apiSubotUrl="https://staging-service-subot.hellohealthgroup.com/"}},V={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(`${F.apiLeadUrl}${a}`,n).then((e=>e.json())).catch((()=>({})))}},J={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(`${F.apiSubotUrl}${a}`,n).then((e=>e.json())).catch((()=>({})))}},Y=({bot_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),J.call({url:"frontend/api/subot-campaign/check",method:"post",data:{bot_id:e,email:t,phone:l}})},z=({campaign_id:e,email:t,phone:a})=>{let l=a;return l&&l.startsWith("0")&&(l=l.substring(1)),V.call({url:"api/subot-campaign/check",method:"post",data:{campaign_id:e,email:t,phone:l}})},G=({phone:e,type:t})=>V.call({url:"phone"===t?"api/sms/otp":"api/sms/whatsapp_otp",method:"post",data:{phone_number:"phone"===t?e.replace("+",""):e}}),K=({phone:e,otp:t,type:a})=>V.call({url:"phone"===a?"api/sms/verify":"api/sms/whatsapp_verify",method:"post",data:{otp_code:t,phone_number:"phone"===a?e.replace("+",""):e}}),Q={email:{},phone:{}},X=(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(Q[n][o]){if(Q[n][o].value)return i;if(!Q[n][o].value&&Q[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 z({campaign_id:[t],[e]:n});return"SubmitLeadWithBotId_ERR_001"===i._errorCode||"SubmitLeadWithBotId_ERR_002"===i._errorCode||a.length&&"CheckSuBotLeadTool_ERR_001"===(yield Y({bot_id:a,[e]:n}))._errorCode?o:void 0})))(t,a,l);return Q[n][o]=r?{value:!0}:{value:!1,expire:Date.now()+6e4},r})),[Z,ee,te]=g.createFormContext(),ae=["places"],le=({name:e,placeholder:a,locale:l})=>{var n;const o=ee(),[i,r]=t.useState(""),[s,u]=t.useState(""),{predictions:c}=h.usePlacesAutocomplete(i,"","tl-PH"===l?"en":null===(n=null==l?void 0:l.split("-"))||void 0===n?void 0:n[0]),[m,p]=t.useState(null),[g,f]=t.useState(!1),v=t.useRef(Math.random().toString(36).substring(7)),b=t.useMemo((()=>{const e=c.map((e=>({value:e.description,label:e.description}))),t=e.find((e=>e.value===s));return!s||t?e:[{value:s,label:s}].concat(e)}),[c,s]);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)?f(!0):Promise.resolve().then((function(){return E(require("@react-google-maps/api"))})).then((e=>{p((()=>e.LoadScript)),setTimeout((()=>{f(!0)}),200)}))}),[]),g?w.default.createElement(w.default.Fragment,null,m&&w.default.createElement(m,{googleMapsApiKey:h.GOOGLE_API_KEY,libraries:ae,loadingElement:w.default.createElement(w.default.Fragment,null)}),w.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":e,"data-control":"text"}),w.default.createElement(d.Select,Object.assign({className:"lead-modal__form-control",label:a,placeholder:a,withAsterisk:!0,name:e,data:b,searchValue:i,onSearchChange:e=>{r(e)},filter:()=>!0,clearable:!0,searchable:!0,onChange:e=>u(e||""),icon:w.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},w.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-"+v.current,rightSection:w.default.createElement(w.default.Fragment,null)},o.getInputProps(e)))):w.default.createElement("div",{style:{height:73}})},ne=({children:e,align:t})=>w.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(t||"")} ${B}`},e),oe=({children:e,align:t})=>w.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(t||"")} ${B}`},e),ie=({listBlockAdded:e,popupId:t,locale:a,onClose:l,onOtherSubmit:o})=>{const i=ee();return w.default.createElement(w.default.Fragment,null,e.map(((e,r)=>{const{name:s="",data:c={}}=e||{},{placeholder:m,value:h,align:g,listQuestion:f,isSendMailChimp:v=!1,newtab:b,url:y}=c;switch(s){case"TitleBlock":return w.default.createElement(oe,{key:r,align:g},h);case"SubtitleBlock":return w.default.createElement(ne,{key:r,align:g},h);case"TextBlock":return w.default.createElement(d.Input,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"text",placeholder:m,className:"lead-modal__form-control",label:m,"data-control":"text",name:h},i.getInputProps(h)));case"NumberBlock":return w.default.createElement(d.NumberInput,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,type:"number",placeholder:m,className:"lead-modal__form-control",label:m,"data-control":"number",name:h},i.getInputProps(h)));case"EmailBlock":return w.default.createElement(d.Input,Object.assign({key:r,withAsterisk:!0,spellCheck:!1,placeholder:m,className:"lead-modal__form-control",label:m,"data-control":"email",name:h},i.getInputProps(h)));case"PhoneOtpBlock":case"WhatsappOtpBlock":case"PhoneBlock":{const e=t+"-"+h+"-"+r;return w.default.createElement(d.Input.Wrapper,Object.assign({size:"md",withAsterisk:!0,key:r,label:m,className:"lead-modal__form-control",labelProps:{htmlFor:e}},i.getInputProps(h)),w.default.createElement(d.Phone,{name:h,spellCheck:!1,type:"tel",placeholder:m,onChange:e=>{i.setFieldValue(h,e)},id:e,defaultCountry:a&&p.MAPPED_LOCALE[a]||"VN","data-control":"tel"}))}case"LocationBlock":return w.default.createElement(le,{key:r,name:h,placeholder:m,locale:a});case"DateBlock":return w.default.createElement(w.default.Fragment,null,w.default.createElement(u.DatePicker,Object.assign({withAsterisk:!0,key:r,type:"default",name:h,placeholder:m,className:"lead-modal__form-control",label:m,"data-control":"date"},i.getInputProps(h))),w.default.createElement("input",{type:"hidden",name:h,"data-control":"date"}));case"LinkButtonBlock":return w.default.createElement("div",{key:r},w.default.createElement("a",{target:b?"blank":"parrent",href:y,style:{textDecoration:"none"}},w.default.createElement(n.Button,{type:"button",size:"md",className:`lead-modal__btn ${B}`,onClick:()=>{null==l||l(),null==o||o()}},h)));case"CheckboxBlock":return w.default.createElement(w.default.Fragment,null,v&&w.default.createElement("div",{style:{display:"none"},"data-name":h+"-mailchimp"}),w.default.createElement(d.Checkbox.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:m,size:"md",sx:{display:"flex",flexDirection:"column",gap:8}},i.getInputProps(h)),f.map(((e,t)=>w.default.createElement(d.Checkbox,{name:h,key:t,value:e.value,label:e.placeholder,"data-control":"checkbox"})))));case"RadioBlock":return w.default.createElement(w.default.Fragment,null,v&&w.default.createElement(d.Input,{type:"hidden",name:h+"-mailchimp",value:v}),w.default.createElement(d.Radio.Group,Object.assign({withAsterisk:!0,className:"lead-modal__form-control",key:r,label:m,size:"md"},i.getInputProps(h)),f.map(((e,t)=>w.default.createElement(d.Radio,{name:h,key:t,value:e.value,label:e.placeholder,"data-control":"radio"})))));case"DropdownBlock":return w.default.createElement(w.default.Fragment,null,w.default.createElement("div",{style:{display:"none"},"data-extra":!0,"data-name":h,"data-control":"dropdown"}),w.default.createElement(d.Select,Object.assign({key:r,className:"lead-modal__form-control",label:m,withAsterisk:!0,name:h,data:f.map((e=>({value:e.value,label:e.placeholder})))},i.getInputProps(h))));case"TncBlock":const s=i.getInputProps("TNC-"+e.id);return w.default.createElement(w.default.Fragment,null,w.default.createElement(d.Checkbox,Object.assign({name:"TNC-"+e.id,key:e.id,label:w.default.createElement("p",{className:"lead-modal__tnc-link",dangerouslySetInnerHTML:{__html:c.valueHTML}}),className:"tnc-block","data-control":"checkbox"},s,{error:s.error?w.default.createElement(w.default.Fragment,null):void 0})))}return null})))},re=({otpData:a,onSuccess:l,autoSendWhenOpen:o})=>{const{t:i}=f.useTranslations(),s=a.phone,u=a.type,[m,p]=t.useState(""),[h,g]=t.useState(!1),[b,y]=t.useState(o?0:60),k=t.useRef(null),[_,C]=t.useState(),[N,S]=t.useState(""),T=t.useRef(),[x,O]=t.useState(!1);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!T.current){const e=yield Promise.resolve().then((function(){return E(require("react-phone-number-input"))}));T.current=e.formatPhoneNumberIntl}S((null===(e=T.current)||void 0===e?void 0:e.call(T,s))||s)}))}),[s]);const P=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!s)return;const t=yield G({phone:s,type:u}),a=null===(e=null==t?void 0:t._messages)||void 0===e?void 0:e[0];"Send sms successfully"===a||"Send WhatsApp successfully"===a?(y(60),setTimeout((()=>{k.current&&(k.current.focus(),k.current.scrollIntoView({block:"center"}))}),100)):"This phone number was verified"===a?l():C(a||"Something went wrong!")}));return t.useEffect((()=>{setTimeout((()=>{b>0&&y((e=>e-1))}),1e3)}),[b]),t.useEffect((()=>{o&&!b&&P()}),[]),w.default.createElement(w.default.Fragment,null,w.default.createElement("form",{onSubmit:t=>{t.preventDefault(),e.__awaiter(void 0,void 0,void 0,(function*(){if(!s||!m)return;O(!0);const e=yield K({phone:s,otp:m,type:u}),t=null==e?void 0:e._messages[0];"Verify successfully"===t||"Verify WhatsApp OTP sucess"===t||"This phone number was verified"===t?l():C(t||"something Wrong"),O(!1)}))},className:"lead-phone-otp-form"},w.default.createElement(v.Heading,{tag:"h3",fontWeight:"bold",style:{marginBottom:4}},i("lead.otp.title")),w.default.createElement(r.Text,{size:"p1",color:c.theme.colors.gray600},i("lead.otp.desc",{phone:N})),w.default.createElement(d.Input,{ref:k,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:m,maxLength:6,onChange:e=>{g(!0),p(e),C(h&&!e?"OTP is required":void 0)},error:h?_:void 0}),w.default.createElement(n.Button,{size:"md",color:"primary",className:`lead-modal__btn ${B}`,disabled:!m,isLoading:x},i("lead.otp.verify")),w.default.createElement(n.Button,{type:"button",size:"md",color:"transparent",className:`lead-modal__btn lead-phone-otp-button ${B}`,onClick:()=>{P()},disabled:!!b},i("lead.otp.resend",{timer:b?` (${b}s)`:""}))))},de=({title:e,titleAlign:t,subtitle:a,subtitleAlign:l,link:n,linkNewTab:o,linkText:i,image:r})=>{const{width:d,height:s,loaded:u}=M(r);return u?w.default.createElement("div",{className:"lead-modal__thank-you"},w.default.createElement("div",{style:{width:"100%"}},w.default.createElement("img",{src:r,style:{maxHeight:162,objectFit:"cover",aspectRatio:`${d}/${s}`},loading:"lazy"}),e&&w.default.createElement("h1",{className:`le-thankyou-title le-text-align-${t}`},e),a&&w.default.createElement("p",{className:`le-thankyou-subtitle le-text-align-${l}`},a),i&&w.default.createElement("div",null,w.default.createElement("a",{href:n,target:o?"_blank":"parrent",rel:"noreferrer"},w.default.createElement("button",{className:`lead-modal__btn ${B}`},i))))):null},se=({content:e,inlinePosition:a})=>{const l=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&&l?b.createPortal(e,l):null},ue=({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 w.default.createElement(w.default.Fragment,null,a.map((t=>b.createPortal(e,s.getWrapperDomWithSelector(t,"sidebar-lead-modal-wrapper")))))},ce=({popupId:e,extraFields:a,onClose:l,onOtherSubmit:i,imageMobile:r,imageDesktop:d,imageOverlayMobile:s,imageOverlayDesktop:u,imageBackground:c,currentLayout:m,title:p,onSubmit:h,showThankyou:g,campaignId:v,campaign_subot_id:b,locale:y})=>{var k,_,E;const C=JSON.parse(a.listBlockAdded),N=JSON.parse(a.actionBlocks),S=JSON.parse(a.textBlocks),T=N.submitBlock.data.url,x=N.submitBlock.data.text,O=N.submitBlock.data.text2,P=N.submitBlock.data.value,j=location.pathname,L=m.includes("Inline")||"Sidebar"===m,I="Slider"===m,[A,q]=t.useState(!0),[R,D]=t.useState(null),[H,W]=t.useState(!1),F=t.useRef(),V=()=>{R?D(null):null==l||l()};if(window.innerWidth<769&&["Fullscreen","Slider"].includes(m))return console.log("😎 Not show fullscreen, slider on mobile "),null;t.useEffect((()=>{(m.includes("LightBox")||"Fullscreen"==m)&&document.body.classList.add("noscroll"),window.intlTelInputUtils||require("intl-tel-input/build/js/utils"),Q.email={},Q.phone={}}),[]);const J=t.useRef(!1),Y=t.useRef(!1),{form:z,validateObj:K}=(({listBlockAdded:e=[],validatingPhoneRef:a,validatingEmailRef:l,campaignId:n,campaign_subot_id:o=[]})=>{const{t:i}=f.useTranslations(),r=t.useMemo((()=>{const t=["TextBlock","NumberBlock","EmailBlock","PhoneBlock","DateBlock","CheckboxBlock","RadioBlock","DropdownBlock","PhoneOtpBlock","WhatsappOtpBlock","LocationBlock","TncBlock"],r=(e,t)=>a=>{if(s.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((()=>{s.current.setFieldError(t.data.value,"Validating..."),X(n,o,{email:e}).then((e=>{e?s.current.setFieldError(t.data.value,i(e)):s.current.clearFieldError(t.data.value),l.current=!1})).catch((e=>{console.error(e),s.current.setFieldError(t.data.value,e.message||"Something went wrong"),l.current=!1}))}),200)}))}):"PhoneBlock"===t.name||"PhoneOtpBlock"===t.name||"WhatsappOtpBlock"===t.name?Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value,(e=>{if(window.intlTelInputUtils&&!window.intlTelInputUtils.isValidNumber(String(e),$.countryCode))return i("validator.phone");a.current=!0,setTimeout((()=>{s.current.setFieldError(t.data.value,"Validating..."),X(n,o,{phone:e}).then((e=>{e?s.current.setFieldError(t.data.value,i(e)):s.current.clearFieldError(t.data.value),a.current=!1})).catch((e=>{console.error(e),s.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")}))}):"TncBlock"===t.name?Object.assign(Object.assign({},e),{["TNC-"+t.id]:r("TNC-"+t.id)}):Object.assign(Object.assign({},e),{[t.data.value]:r(t.data.value)})),{})}),[e.map((e=>e.name)).join(",")]),d=te({validateInputOnChange:!0,clearInputErrorOnChange:!0,validate:r}),s=t.useRef(d);return s.current=d,{form:d,validateObj:r}})({listBlockAdded:C,validatingPhoneRef:J,validatingEmailRef:Y,campaignId:v,campaign_subot_id:b}),{width:ee,height:ae,loaded:le}=M(c),{width:ne,height:oe,loaded:ce}=M(r),{width:me,height:pe,loaded:he}=M(d),ge=ce&&he&&("Fullscreen"!=m||le),fe=w.default.createElement(w.default.Fragment,null,w.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n          .le-newbuilder-overlay {\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n          ${s?`\n              .le-newbuilder-overlay {\n                background: url(${s}) ;\n              }`:""}\n          ${u?`\n              @media screen and (min-width:768px) {\n                .le-newbuilder-overlay {\n                  background: url(${u}) ;\n                }\n              }`:""}`}}),w.default.createElement("div",{id:e,"data-popup-url":j,"data-popup-type":"lightbox-inline",className:`lead-modal lead-modal-wrapper modal--animate-scale ${L?"le-buider-inline":""} ${I?"le-buider-slider":""}`},"Fullscreen"==m?w.default.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:c||"",style:{aspectRatio:`${ee}/${ae}`}}):null,w.default.createElement("div",{className:`lead-modal__wrapper le-newbuilder-wrap-${m}`},w.default.createElement("div",{className:`lead-modal__content le-newbuilder-${m}`},g?w.default.createElement(de,{title:g.title,titleAlign:g.titleAlign,subtitle:g.subtitle,subtitleAlign:g.subtitleAlign,link:g.link,linkNewTab:g.linkNewTab,linkText:g.linkText,image:g.image}):w.default.createElement(w.default.Fragment,null,w.default.createElement("header",{className:"lead-modal__header"},R?w.default.createElement("img",{src:o.CommonGAssets.getAssetPath("lead-otp-thumb.png"),draggable:"false",alt:"",style:{width:"100%",minHeight:"150px",backgroundColor:"#f2f2f2"},loading:"lazy"}):w.default.createElement(w.default.Fragment,null,["LightBoxA","InlineA","Sidebar","Slider"].includes(m)?r?w.default.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:r,style:{aspectRatio:`${ne}/${oe}`},alt:""}):null:w.default.createElement(w.default.Fragment,null,d?w.default.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{objectFit:"cover",aspectRatio:`${me}/${pe}`},src:d,alt:""}):null,r?w.default.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:r,alt:"",style:{aspectRatio:`${ne}/${oe}`}}):null))),R&&w.default.createElement(re,{otpData:R,autoSendWhenOpen:!1,onSuccess:()=>{D(null),null==h||h(F.current,z.values)}}),w.default.createElement("div",{"data-hidden":!!R,className:"lead-modal__body le-newbuilder-overlay"},w.default.createElement(Z,{form:z},w.default.createElement("form",{ref:F,className:`lead-modal__form ${e}`,onSubmit:e=>{e.preventDefault(),z.setTouched(Object.keys(K).reduce(((e,t)=>(e[t]=!0,e)),{})),Y.current||J.current||setTimeout((()=>{z.onSubmit((e=>{var t,a,l,n,o,i;if(Object.keys(z.errors).length)return;let r=null;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;(null===(l=e[n])||void 0===l?void 0:l.startsWith("+"))&&(r={phone:e[n],type:"phone"})}if(C.findIndex((e=>"WhatsappOtpBlock"===e.name))>-1){const t=null===(o=null===(n=C.find((e=>"WhatsappOtpBlock"===e.name)))||void 0===n?void 0:n.data)||void 0===o?void 0:o.value;(null===(i=e[t])||void 0===i?void 0:i.startsWith("+"))&&(r={phone:e[t],type:"whatsapp"})}if(r)return W(!0),void G(r).then((t=>{var a;"This phone number was verified"!==(null===(a=null==t?void 0:t._messages)||void 0===a?void 0:a[0])?D(r):null==h||h(F.current,e)})).finally((()=>{W(!1)}));null==h||h(F.current,e)}))(e)}),100)}},w.default.createElement("div",{style:{marginBottom:20}},w.default.createElement("h2",{className:`lead-modal__title ${"le-text-align-"+(null===(k=S.titleBlock.data)||void 0===k?void 0:k.align)} ${B}`},p),w.default.createElement("p",{className:`lead-modal__description ${"le-text-align-"+(null===(_=S.titleBlock.data)||void 0===_?void 0:_.align)} ${B}`},S.subtitleBlock.data.value)),w.default.createElement("div",{className:"lead-modal__form-control-wrapper"},w.default.createElement(ie,{listBlockAdded:C,popupId:e,locale:y,onClose:V,onOtherSubmit:i})),(null===(E=null==N?void 0:N.submitBlock)||void 0===E?void 0:E.isHide)?null:w.default.createElement(w.default.Fragment,null,w.default.createElement("div",{className:`lead-modal__checkbox-wrapper ${B}`},w.default.createElement("div",{className:"lead-modal__checkbox"},w.default.createElement("input",{id:"lead-term-checkbox",className:`lead-modal__checkbox__input ${B}`,type:"checkbox","aria-label":"Checkbox label",checked:A,onChange:e=>q(e.currentTarget.checked)}),w.default.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),w.default.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},x," ",w.default.createElement("span",{style:{fontWeight:"bold"}},w.default.createElement("a",{target:"blank",href:T||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},O)))),w.default.createElement(n.Button,{size:"md",id:"lead-submit",type:"submit",className:`lead-modal__btn ${B}`,disabled:!A,isLoading:H},P))))))),!m.includes("Inline")&&w.default.createElement(U,{onClose:V,containerClassName:"close-button-top-right"}))));return ge?m.includes("LightBox")||"Fullscreen"==m||"Slider"==m?fe:"Sidebar"==m?w.default.createElement(ue,{content:fe}):m.includes("Inline")?w.default.createElement(se,{content:fe,inlinePosition:a.popupInlinePosition}):null:null},me=({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}=M(o),{width:p,height:h,loaded:g}=M(i);return m&&g?w.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":s,"data-popup-type":"skin_ab"},"SkinA"==r?w.default.createElement("aside",{className:"le-only-desktop"},w.default.createElement("div",{className:"le-skin-a-desktop"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("img",{src:i,style:{aspectRatio:`${p}/${h}`}}),w.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"},w.default.createElement("button",{onClick:d,className:"le-joinbow-btn js-popup-other-submit"},a)),w.default.createElement(U,{onClose:n,containerClassName:"close-button-top-right"})))):"SkinB"==r?w.default.createElement("aside",{className:"le-only-desktop"},w.default.createElement("div",{className:""},w.default.createElement("div",{style:{position:"relative",zIndex:1e4}},w.default.createElement("img",{src:i,style:{width:"100%",aspectRatio:`${p}/${h}`}}),w.default.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},w.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),w.default.createElement(U,{containerClassName:"close-button-top-right",onClose:n})))):null,w.default.createElement("aside",{className:"le-only-mobile"},w.default.createElement("div",{className:"le-skin-mobile"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("img",{src:o,style:{width:"100%",aspectRatio:`${u}/${c}`}}),w.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"},w.default.createElement("button",{onClick:d,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),w.default.createElement(U,{containerClassName:"close-button-top-right",svgClassName:"le-mobile-btn",onClose:n}))))):null},pe=({popupId:e,url:t,newTab:a,image:l,onClose:n,onOtherSubmit:o})=>{const{width:i,height:r,loaded:d}=M(l);return d?w.default.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},w.default.createElement("div",{className:"le-tab-popup"},w.default.createElement("div",{style:{position:"relative"}},w.default.createElement("a",{href:t,target:a?"blank":"_parent",onClick:o},w.default.createElement("img",{className:"js-popup-other-submit",src:l,style:{aspectRatio:`${i}/${r}`}})),w.default.createElement(U,{onClose:n,containerClassName:"close-button-top-right"})))):null},he=[],ge=[],fe=[],ve=[],be=[],ye=[];const ke=(e="UTC")=>{const t=new Date;return new Date(t.toLocaleString("en-US",{timeZone:e}))},_e=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 Ee=e=>!function(e){var t;const a=Number(null===(t=e.rules.find((e=>"exclude_sponsored"==e.rule)))||void 0===t?void 0:t.value);return!(!Boolean(document.querySelector(".hhg-disclaimer-text"))||!a||(ve.push(e),0))}(e)&&(!!function(e){var t,a;try{const l=null===(t=e.rules.find((e=>"exclude_sponsored_list"==e.rule)))||void 0===t?void 0:t.value,n=l instanceof Array?l:JSON.parse(l),o=Number(null===(a=document.querySelector("[data-sponsored-id]"))||void 0===a?void 0:a.getAttribute("data-sponsored-id"));return!o||o<=0||0===n.length||(!!n.find((e=>e.id==o))||(be.push({id:e.id,rules:e.rules}),!1))}catch(e){return!0}}(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=_e(a),o=_e(l);if(!n||!o)return!0;const i=(null===(t=e.site)||void 0===t?void 0:t.id)||1;return!(ke(I[i]).getTime()>o.getTime()&&(fe.push(e),1))}(e):0===e.formatted_status&&(he.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=_e(l),i=_e(n);if(!o||!i)return!1;const r=ke(I[a]).getTime();return r<=i.getTime()&&r>=o.getTime()&&(ge.push(e),!0)})(e)))),we=e=>{var t;try{const a=(e,t,a)=>{const l=t.split(":"),n=a.split(":"),o=new Date;o.setHours(Number(l[0]),Number(l[1]),0,0);const i=new Date;return i.setHours(Number(n[0]),Number(n[1]),0,0),e>=o&&e<=i},l=null===(t=e.rules.find((e=>"appearance_time"==e.rule)))||void 0===t?void 0:t.value,n=l.startTime,o=l.endTime||"23:59";return!n||(!!a(new Date,n,o)||(ye.push(e),!1))}catch(e){return!0}};let Ce=null;function Ne({leadApi:e,leadSiteId:t,leadDomain:a,onShowPopup:n,DEBUG_URL:o}){const i=o||("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:y.getCookie("_ga")||null})}).then((e=>e.json())).then((e=>{var t,o,r,d;if(Se("List campagin: ",e),j="https://"+location.hostname+location.pathname+location.search,1==e._status){const s=((null===(o=null===(t=e._data)||void 0===t?void 0:t.campaigns)||void 0===o?void 0:o.filter(Ee))||[]).filter(we);y.getCookie("hhg-id")||(y.setCookie("hhg-id",l.v1(),{domain:"."+a,path:"/"}),Se("😍 Set HHG ID cookie"));let u=[];u=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?s.filter((e=>e.device_types.some((e=>e.id==O)))):s.filter((e=>e.device_types.some((e=>e.id==P)))),Se("👓 campaignsDevice",u),Se("--listCampaignScheduled",he),Se("--listCampaignScheduledToActivated",ge),Se("--listCampaignActiveButExpired",fe),Se("--listCampaignExcludeSonsored",ve),Se("--listCampaignDifferentSponsor",be),Se("--listCampaignNotDisplayInRangeOfTime",ye);let c=u.map(((e,t)=>e.targets.filter((e=>e.type==S)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1);c=c.filter((e=>{var t;const a=new URL(String(e.target).toLowerCase());if("exact_match"==e.option)return Boolean(i===(null===(t=a.href)||void 0===t?void 0:t.toLowerCase()));if("start_with"==e.option){if(i.includes(String(e.target).toLowerCase())){const t=e.sub_target.filter((e=>"excluding"==e.option)).map((e=>{var t;return null===(t=e.value)||void 0===t?void 0:t.toLowerCase()}));return!t.includes(i.split("?")[0])}return!1}}));const m=Array.from(document.getElementsByTagName("META")).filter((e=>"article:tag"==e.getAttribute("property"))).map((e=>e.content));let p=[],h=[];m&&m.length&&(p=u.map(((e,t)=>e.targets.filter((e=>e.type==T)).map((e=>Object.assign(Object.assign({},e),{campaignIndex:t}))))).flat(1),h=p.filter((e=>m.includes(e.target))));const g=[...c,...h],f=document.cookie.split("; ").map((e=>e.split("=")[0])),v=f.filter((e=>e.includes("lead_submited")));Se("--listCampaignCodeSubmited",v);const b=f.filter((e=>e.includes("lead_closed")));Se("--listCampaignCodeClosed",b);const k=[...v,...b],_=(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})(g.filter((e=>!k.some((t=>t.includes(u[e.campaignIndex].code))))));if(Se("--listCampaignValid : ",_),_&&_.length){const e=u[_[0].campaignIndex];Se("CAMPAIGN_SHOW",e);const{rules:t}=e,a=Number(null===(r=t.find((e=>"time"==e.rule)))||void 0===r?void 0:r.value);Se("timeoutRule",a);const l=Number(null===(d=t.find((e=>"scroll"==e.rule)))||void 0===d?void 0:d.value);Se("scrollRule",l);let o="TIME";if(Number.isInteger(a)&&(o="TIME",Se("✨ SHOW AWESOME POPUP AFTER: ",a," seconds"),Ce&&clearTimeout(Ce),Ce=setTimeout((()=>{null==n||n(e,o)}),1e3*a)),Number.isInteger(l)){o="SCROLL",Se("✨ SHOW AWESOME AFTER: SCROLL",l," %");const t=document.querySelector(`[data-url="${location.pathname}"]`)||document.querySelector("body"),a=t.getBoundingClientRect().top,i=t.offsetHeight;Se("👓 Element check scroll: ",t);const r=function(){const t=window.pageYOffset||document.documentElement.scrollTop;let d=0;t>=a&&(d=Math.round((t-a)/(i-innerHeight)*100)),Se("---Scroll",d,l),d>=l&&(window.removeEventListener("scroll",r),null==n||n(e,o))};window.addEventListener("scroll",r,{passive:!0})}}else Se("🚧 No lead campaigns on current URL, tags")}})).catch((e=>{Se("Lead error: ",e)}))}const Se=(...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 Te=({campaign:e,action:a,onSubmit:n,onClose:o,showThankyou:i,locale:r})=>{var d,s;const{apiUrl:u,siteDomain:c}=t.useContext(D);t.useEffect((()=>{const e=y.getCookie("_ga")||null;fetch(`${u}api/campaign/${g}/impression`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:y.getCookie("hhg-id"),ga_client_id:e})})}),[]);const{extra_fields:m,image:p,image_desktop:h,code:g,image_background:f,image_overlay_mobile:v,image_overlay_desktop:b}=e||{},{currentLayout:k}=m,_=m.imageBlocks?JSON.parse(m.imageBlocks):{},E=JSON.parse(m.actionBlocks),C=JSON.parse(m.textBlocks);let N=(null===(s=null===(d=null==C?void 0:C.titleBlock)||void 0===d?void 0:d.data)||void 0===s?void 0:s.value)||"";const S={1:{},2:{},3:{}},T=t.useRef("lead-modal-"+l.v1()),x=function(e="Xin chao {{category_2}} extra"){if(e.includes("{{category_")){const t=11,a=e.search("{{category_");return+e.charAt(t+a)}return null}(N);if(x){Se("⚡️ Has categoryLevel",x);const e=Array.from(document.getElementsByTagName("META")),t=e.find((e=>e.name===`content_category_${x}`)),a=e.find((e=>e.name===`content_category_en_${x}`));if(!t||!a)return Se("⚡️ No META TAG for categoryLevel, not show popup",x),null;S[x]={value:t.content,value_en:a.content},N=N.replace(`{{category_${x}}}`,t.content),Se("⚡️ Set categoryData ",x)}else Se("⚡️ No categoryLevel",x);const O=()=>{var t,a,l,n;if(Se("👌 Other submit click"),document.body.classList.remove("noscroll"),k.includes("Skin")){const e=document.querySelector("#masthead");e&&(e.style.top="0px !important;")}const i=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),r=Number(null!==(n=null===(l=e.rules.find((e=>"show_again_after_submit"==e.rule)))||void 0===l?void 0:l.value)&&void 0!==n?n:0);0===r&&(Se("⛔ Popup never show again!"),y.setCookie(`lead_submited_${g}`,`target_${m.popupVersion}`,{domain:"."+c,path:"/"})),1==r&&(Se(`⌛ Popup will show again after ${i} days!`),y.setCookie(`lead_submited_${g}`,`target_${m.popupVersion}`,{domain:"."+c,days:i,path:"/"}));const d=y.getCookie("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:y.getCookie("hhg-id"),ga_client_id:d};x&&(s.category=S[x].value_en),fetch(`${u}api/campaign/${g}/lead`,{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((e=>e.json())).then((e=>{"error"===e.status&&Se(e)})).catch((e=>{Se("Error:",e)})),null==o||o()};return"CenterTab"===k?w.default.createElement(H,{popupId:T.current,url:_.imageMobile.data.url,newTab:_.imageMobile.data.newtab,imageMobile:p,imageDestkop:h,onClose:o,onOtherSubmit:O}):"Tab"===k?w.default.createElement(pe,{popupId:T.current,url:_.imageMobile.data.url,newTab:_.imageMobile.data.newtab,image:p,onClose:o,onOtherSubmit:O}):"Floating"===k?w.default.createElement(W,{popupId:T.current,title:N,titleAlign:C.titleBlock.data.align,subtitle:C.subtitleBlock.data.value,subtitleAlign:C.subtitleBlock.data.align,url:E.linkButtonBlock.data.url,urlText:E.linkButtonBlock.data.value,newTab:E.linkButtonBlock.data.newtab,imageMobile:p,imageDesktop:h,onClose:o,onOtherSubmit:O}):k.includes("LightBox")||k.includes("Inline")||"Fullscreen"==k||"Sidebar"==k||"Slider"==k?w.default.createElement(ce,{popupId:T.current,extraFields:m,onClose:o,onOtherSubmit:O,imageMobile:p,imageDesktop:h,imageBackground:f,currentLayout:k,title:N,onSubmit:(e,t)=>n(e,t,x,S),key:k,imageOverlayDesktop:b,imageOverlayMobile:v,showThankyou:i,campaignId:e.id,campaign_subot_id:e.bot_id||[],locale:r}):k.includes("Skin")?w.default.createElement(me,{popupId:T.current,link:E.linkButtonBlock.data.url,linkNewTab:!!E.linkButtonBlock.data.newtab,linkText:E.linkButtonBlock.data.value,onClose:o,onOtherSubmit:O,imageMobile:p,imageDesktop:h,currentLayout:k}):null};exports.LeadGen=({apiUrl:a,siteDomain:l,siteId:n,locale:o,apiSubotUrl:r,DEBUG_URL:d,forceCampaign:u})=>{var c;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,l,n]),[f,v]=t.useState(u),[b,k]=t.useState(""),[_,E]=t.useState(null);t.useEffect((()=>{u&&(v(u),k("SHOW"))}),[null==u?void 0:u.code]),t.useEffect((()=>{F.apiLeadUrl=g,F.apiSubotUrl=r}),[g,r]);const S=(e,t)=>{v(e),k(t)},T=()=>{var e,t;if(!f)return;Se(`👋👋👋 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),n=Number(null===(t=f.rules.find((e=>"days_to_show_again"==e.rule)))||void 0===t?void 0:t.value);0==a&&(n?y.setCookie(`lead_closed_${f.code}`,`target_${null==f?void 0:f.extra_fields.popupVersion}`,{domain:"."+l,days:n,path:"/"}):y.setCookie(`lead_closed_${f.code}`,`target_${null==f?void 0:f.extra_fields.popupVersion}`,{domain:"."+l,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:y.getCookie("hhg-id"),duration:Math.ceil((Date.now()-h.current)/1e3)})}),v(null),E(null)};t.useEffect((()=>{if(!(null==u?void 0:u.code)){if(window.next){const e=C.default((e=>{Se("--🌻 routeChangeComplete",e,Date.now());const t=location.pathname;T(),document.querySelectorAll(`[data-popup-url="${t}"]`).length?Se("🔥 This URL page has show popup!"):(Se("--Process checkShowPopup"),Ne({leadApi:g,leadDomain:l,leadSiteId:n,onShowPopup:S,DEBUG_URL:d})),p.current&&window.removeEventListener("scroll",p.current)}),500);window.next.router.events.on("routeChangeComplete",e)}Ne({leadApi:g,leadDomain:l,leadSiteId:n,onShowPopup:S,DEBUG_URL:d})}}),[]);const x=(t,a,n,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,i,r,d,s,u,c,m,p,h,v;if(!a)return;Se("submitHandler",n,o);const b=Object.keys(a).map((e=>({name:e,value:String(a[e])}))),k=y.getCookie("_ga")||null;window.intlTelInputUtils||(yield require("intl-tel-input/build/js/utils"));const _={url:location.href.toLowerCase(),title_article:document.title,meta:b.map((e=>{var a,l;const n=(null===(a=t.querySelector(`*[name="${e.name}"][data-control]`))||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==$?void 0:$.countryCodeNumber,2).replace(/\s+/g,""):"date"===n?N.default(e.value).format("YYYY-MM-DD"):e.value;return{key:e.name,value:o,control:n}})),cookie_id:y.getCookie("hhg-id"),ga_client_id:k};n&&o[n].value_en&&(_.category=o[n].value_en);const w=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),C=Number((null===(d=null===(r=f.rules)||void 0===r?void 0:r.find((e=>"show_again_after_submit"===e.rule)))||void 0===d?void 0:d.value)||0);if(0==C&&(Se("⛔ Popup never show again!"),y.setCookie(`lead_submited_${f.code}`,`target_${null==f?void 0:f.extra_fields.targetType}`,{domain:"."+l,path:"/"})),1==C&&(Se(`⌛ Popup will show again after ${w} days!`),y.setCookie(`lead_submited_${f.code}`,`target_${null==f?void 0:f.extra_fields.targetType}`,{domain:"."+l,days:w,path:"/"})),fetch(`${g}api/campaign/${f.code}/lead`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(_)}),"notshow"==(null==f?void 0:f.extra_fields.popupShowThankYou))return T(),void document.body.classList.remove("noscroll");let S=!0;const x=f.thank_you_image||`${g}admin/img/thanksyou.png`;let O,P,B=(null==f?void 0:f.extra_fields.popupThankyouTitle)||"Thank you.",j=(null==f?void 0:f.extra_fields.popupThankyouDesc)||"We appreciate your time!",L="",I="",A="";if("2.1"==(null==f?void 0: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===(s=null==a?void 0:a.data)||void 0===s?void 0:s.value)||"",L=(null===(u=null==a?void 0:a.data)||void 0===u?void 0:u.align)||"",j=(null===(c=null==l?void 0:l.data)||void 0===c?void 0:c.value)||"",I=(null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.align)||"",O=(null===(p=null==n?void 0:n.data)||void 0===p?void 0:p.value)||"",P=(null===(h=null==n?void 0:n.data)||void 0===h?void 0:h.newtab)||!1,A=(null===(v=null==n?void 0:n.data)||void 0===v?void 0:v.url)||"";const o=f.extra_fields.currentLayout;["SkinA","SkinB","Floating","Tab","CenterTab"].includes(o)&&(S=!1)}E(S?{title:B,titleAlign:L,subtitle:j,subtitleAlign:I,link:A,linkNewTab:P,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}},b.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))}));return t.useEffect((()=>{f&&(h.current=Date.now())}),[f]),w.default.createElement(D.Provider,{value:{apiUrl:g,siteDomain:l,siteId:n,locale:o}},w.default.createElement(m.TranslationsContext.Provider,{value:{locale:o,values:R(o)}},w.default.createElement(i.Portal,{target:s.getPopupWrapperDom()},w.default.createElement(i.Box,{sx:{position:"fixed",zIndex:9999999999}},w.default.createElement(i.Transition,{mounted:Boolean("2.1"===(null===(c=null==f?void 0:f.extra_fields)||void 0===c?void 0:c.popupVersion)),transition:"fade",duration:600,timingFunction:"ease"},(e=>{var t;return w.default.createElement(i.Box,{style:e},"2.1"===(null===(t=null==f?void 0:f.extra_fields)||void 0===t?void 0:t.popupVersion)&&w.default.createElement(w.default.Fragment,null,!!f.extra_fields.currentLayout&&!f.extra_fields.currentLayout.includes("Inline")&&!f.extra_fields.currentLayout.includes("Sidebar")&&w.default.createElement(i.Overlay,{color:"#000",opacity:.5,center:!0,zIndex:400,pos:"fixed",onClick:()=>T()}),w.default.createElement(Te,{campaign:f,action:b,onSubmit:x,onClose:T,showThankyou:_,locale:o})))}))))))};