@hhgtech/hhg-components 1.22.35 → 1.22.36

package/build/{index-950ef85a.js → index-b379189c.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-0065074f.js"),t=require("react"),n=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,i=a(t),s=a(n).default.label(l||(l=e.__makeTemplateObject(["\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n  }\n  &[data-size='label2'] {\n    font-size: 13px;\n    line-height: 19px;\n  }\n"],["\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n  }\n  &[data-size='label2'] {\n    font-size: 13px;\n    line-height: 19px;\n  }\n"])));exports.Label=function(e){var t=e.children,n=e.className,a=e.style,l=e.htmlFor,r=e.size;return i.default.createElement(s,{"data-size":r,className:n,style:a,htmlFor:l},t)};
+"use strict";var e=require("./tslib.es6-9a526c60.js"),t=require("react"),n=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,i=a(t),s=a(n).default.label(l||(l=e.__makeTemplateObject(["\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n  }\n  &[data-size='label2'] {\n    font-size: 13px;\n    line-height: 19px;\n  }\n"],["\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n  }\n  &[data-size='label2'] {\n    font-size: 13px;\n    line-height: 19px;\n  }\n"])));exports.Label=function(e){var t=e.children,n=e.className,a=e.style,l=e.htmlFor,r=e.size;return i.default.createElement(s,{"data-size":r,className:n,style:a,htmlFor:l},t)};

package/build/{index-cc4f7e3b.js → index-ba9104f4.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-0065074f.js"),e=require("styled-components"),t=require("react"),a=require("./theme-ee07bb4b.js"),i=require("./utils-950aead5.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,d,s=r(e),h=r(t),c=s.default.div(o||(o=n.__makeTemplateObject(["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"],["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"]))),p=s.default.div(d||(d=n.__makeTemplateObject(["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"],["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return function(n){switch(n){case"h1":return"\n        font-size: 26px;\n        letter-spacing: -0.9px;\n        line-height: 34px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 40px;\n          line-height: 52px;\n          letter-spacing: -1.2px;\n        }\n      ");case"h2":return"\n        font-size: 24px;\n        letter-spacing: -0.8px;\n        line-height: 32px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 32px;\n          line-height: 42px;\n          letter-spacing: -1px;\n        }\n      ");case"h3":return"\n        font-size: 20px;\n        letter-spacing: -0.7px;\n        line-height: 26px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 26px;\n          line-height: 36px;\n          letter-spacing: -0.8px;\n        }\n      ");case"h4":return"\n        font-size: 18px;\n        letter-spacing: -0.6px;\n        line-height: 26px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 22px;\n          line-height: 32px;\n        }\n      ");case"h5":return"\n        font-size: 16px;\n        letter-spacing: -0.2px;\n        line-height: 24px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n        }\n      ");case"h6":return"\n        font-size: 14px;\n        line-height: 22px;\n        letter-spacing: -0.2px;\n          ".concat(i.MediaQueries.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n          letter-spacing: 0;\n        }\n      ")}}(n.headingTag)}),(function(n){return function(n){switch(n){case"bold":return"\n       font-weight: ".concat(a.theme.sizes.fwBold,";\n      ");case"semibold":return"\n       font-weight: ".concat(a.theme.sizes.fwSemiBold,";\n      ");default:return"\n        font-weight: ".concat(a.theme.sizes.fwBold,";\n      ")}}(n.headingFontWeight)}));exports.Heading=function(e){var t,a=e.as,i=e.tag,r=e.className,o=e.children,d=e.title,s=e.color,c=e.style,g=e.fontWeight,l=e.dataEventCategory,u=e.dataEventAction,v=e.dataEventLabel,x=n.__rest(e,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),f=a||i;return h.default.createElement(p,n.__assign({title:d,style:n.__assign(n.__assign({},s?(t={},t["--custom-heading-color"]=s,t):void 0),c),"data-tag":i,"data-font-weight":g||void 0,"data-event-category":l,"data-event-action":u,"data-event-label":v,as:f,className:r,headingFontWeight:g,headingTag:i},x),o)},exports.StyledAvatar=c;
+"use strict";var n=require("./tslib.es6-9a526c60.js"),e=require("styled-components"),t=require("react"),a=require("./theme-50136897.js"),i=require("./utils-0eeef8f2.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,d,s=r(e),h=r(t),c=s.default.div(o||(o=n.__makeTemplateObject(["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"],["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"]))),p=s.default.div(d||(d=n.__makeTemplateObject(["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"],["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return function(n){switch(n){case"h1":return"\n        font-size: 26px;\n        letter-spacing: -0.9px;\n        line-height: 34px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 40px;\n          line-height: 52px;\n          letter-spacing: -1.2px;\n        }\n      ");case"h2":return"\n        font-size: 24px;\n        letter-spacing: -0.8px;\n        line-height: 32px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 32px;\n          line-height: 42px;\n          letter-spacing: -1px;\n        }\n      ");case"h3":return"\n        font-size: 20px;\n        letter-spacing: -0.7px;\n        line-height: 26px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 26px;\n          line-height: 36px;\n          letter-spacing: -0.8px;\n        }\n      ");case"h4":return"\n        font-size: 18px;\n        letter-spacing: -0.6px;\n        line-height: 26px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 22px;\n          line-height: 32px;\n        }\n      ");case"h5":return"\n        font-size: 16px;\n        letter-spacing: -0.2px;\n        line-height: 24px;\n        ".concat(i.MediaQueries.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n        }\n      ");case"h6":return"\n        font-size: 14px;\n        line-height: 22px;\n        letter-spacing: -0.2px;\n          ".concat(i.MediaQueries.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n          letter-spacing: 0;\n        }\n      ")}}(n.headingTag)}),(function(n){return function(n){switch(n){case"bold":return"\n       font-weight: ".concat(a.theme.sizes.fwBold,";\n      ");case"semibold":return"\n       font-weight: ".concat(a.theme.sizes.fwSemiBold,";\n      ");default:return"\n        font-weight: ".concat(a.theme.sizes.fwBold,";\n      ")}}(n.headingFontWeight)}));exports.Heading=function(e){var t,a=e.as,i=e.tag,r=e.className,o=e.children,d=e.title,s=e.color,c=e.style,g=e.fontWeight,l=e.dataEventCategory,u=e.dataEventAction,v=e.dataEventLabel,f=n.__rest(e,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),x=a||i;return h.default.createElement(p,n.__assign({title:d,style:n.__assign(n.__assign({},s?(t={},t["--custom-heading-color"]=s,t):void 0),c),"data-tag":i,"data-font-weight":g||void 0,"data-event-category":l,"data-event-action":u,"data-event-label":v,as:x,className:r,headingFontWeight:g,headingTag:i},f),o)},exports.StyledAvatar=c;

package/build/{index-f6abdc3f.js → index-c18a46eb.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-0065074f.js"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),n=t.forwardRef((function(t,r){return a.default.createElement("circle",e.__assign({},t,{ref:r}),a.default.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));exports.CustomReferenceDot=n;
+"use strict";var e=require("./tslib.es6-9a526c60.js"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),n=t.forwardRef((function(t,r){return a.default.createElement("circle",e.__assign({},t,{ref:r}),a.default.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));exports.CustomReferenceDot=n;

package/build/{index-4de18a39.js → index-c751b1f9.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-0065074f.js"),t=require("react"),a=require("@mantine/core"),r=require("@mantine/hooks"),n=require("./Locale-a817e0b3.js"),s=require("./gAssets.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,u=i(t),l=a.createEmotionCache({key:"mantine",prepend:!1}),m=((o={})[n.LOCALE.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},o[n.LOCALE.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},o[n.LOCALE.India]={dateFormat:"DD/MM/YYYY",separator:"."},o[n.LOCALE.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},o[n.LOCALE.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},o[n.LOCALE.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},o[n.LOCALE.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},o[n.LOCALE.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},o[n.LOCALE.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},o[n.LOCALE.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},o),c=s.CommonGAssets.getAssetPath("EyeVisible.svg"),d=s.CommonGAssets.getAssetPath("EyeHidden.svg"),Y=t.forwardRef((function(t,r){var n=t.size,s=void 0===n?"md":n,i=t.visibilityToggleIcon,o=t.styles,l=e.__rest(t,["size","visibilityToggleIcon","styles"]),m=i||function(e){var t=e.reveal,a=e.size;return t?u.default.createElement("img",{src:c,width:a}):u.default.createElement("img",{src:d,width:a})};return u.default.createElement(a.PasswordInput,e.__assign({ref:r,size:s,visibilityToggleIcon:m,styles:e.__assign({rightSection:{pointerEvents:"initial"}},o)},l))})),f=function(n){var s=n.value,i=n.onChange,o=e.__rest(n,["value","onChange"]),l=t.useState(s||""),m=l[0],c=l[1],d=r.useDebouncedValue(m,300)[0];return t.useEffect((function(){null==i||i(d)}),[d]),t.useEffect((function(){c(s)}),[s]),u.default.createElement(a.TextInput,e.__assign({size:"md",onChange:function(e){return c(e.currentTarget.value)},value:m},o))};f.File=function(t){return u.default.createElement(a.FileInput,e.__assign({size:"md"},t))},f.Password=Y,f.Number=function(n){var s=n.value,i=n.onChange,o=e.__rest(n,["value","onChange"]),l=t.useState(s||0),m=l[0],c=l[1],d=r.useDebouncedValue(m,300)[0];return t.useEffect((function(){null==i||i(d)}),[d]),t.useEffect((function(){c(s)}),[s]),u.default.createElement(a.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:c,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:m},o))},exports.DEBOUNCED_TIME=300,exports.ISO_FORMAT=m,exports.Input=f,exports.emotionCache=l;
+"use strict";var e=require("./tslib.es6-9a526c60.js"),t=require("react"),a=require("@mantine/core"),r=require("@mantine/hooks"),n=require("./Locale-d6d29062.js"),s=require("./gAssets.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,u=i(t),l=a.createEmotionCache({key:"mantine",prepend:!1}),d=((o={})[n.LOCALE.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},o[n.LOCALE.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},o[n.LOCALE.India]={dateFormat:"DD/MM/YYYY",separator:"."},o[n.LOCALE.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},o[n.LOCALE.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},o[n.LOCALE.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},o[n.LOCALE.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},o[n.LOCALE.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},o[n.LOCALE.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},o[n.LOCALE.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},o),c=s.CommonGAssets.getAssetPath("EyeVisible.svg"),m=s.CommonGAssets.getAssetPath("EyeHidden.svg"),Y=t.forwardRef((function(t,r){var n=t.size,s=void 0===n?"md":n,i=t.visibilityToggleIcon,o=t.styles,l=e.__rest(t,["size","visibilityToggleIcon","styles"]),d=i||function(e){var t=e.reveal,a=e.size;return t?u.default.createElement("img",{src:c,width:a}):u.default.createElement("img",{src:m,width:a})};return u.default.createElement(a.PasswordInput,e.__assign({ref:r,size:s,visibilityToggleIcon:d,styles:e.__assign({rightSection:{pointerEvents:"initial"}},o)},l))})),f=function(n){var s=n.value,i=n.onChange,o=e.__rest(n,["value","onChange"]),l=t.useState(s||""),d=l[0],c=l[1],m=r.useDebouncedValue(d,300)[0];return t.useEffect((function(){null==i||i(m)}),[m]),t.useEffect((function(){c(s)}),[s]),u.default.createElement(a.TextInput,e.__assign({size:"md",onChange:function(e){return c(e.currentTarget.value)},value:d},o))};f.File=function(t){return u.default.createElement(a.FileInput,e.__assign({size:"md"},t))},f.Password=Y,f.Number=function(n){var s=n.value,i=n.onChange,o=e.__rest(n,["value","onChange"]),l=t.useState(s||0),d=l[0],c=l[1],m=r.useDebouncedValue(d,300)[0];return t.useEffect((function(){null==i||i(m)}),[m]),t.useEffect((function(){c(s)}),[s]),u.default.createElement(a.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:c,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:d},o))},exports.DEBOUNCED_TIME=300,exports.ISO_FORMAT=d,exports.Input=f,exports.emotionCache=l;

package/build/{index-bfa673ca.js → index-cd695110.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-0065074f.js"),e=require("react"),t=require("./theme-ee07bb4b.js"),i=require("./utils-950aead5.js"),a=require("styled-components");function s(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,o=s(e),r=s(a),l="\n  &[data-size='lg'], &[data-size='md'] {\n    font-size: 16px;\n    line-height: 28px;\n    ".concat(i.MediaQueries.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='base'] {\n    font-size: 16px;\n    line-height: 24px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='sm'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='xs'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s1'] {\n    font-size: 18px;\n    line-height: 26px;\n    letter-spacing: -0.6px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 22px;\n      line-height: 32px;\n      letter-spacing: -0.6px;\n    }\n  }\n  &[data-size='s2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 18px;\n      line-height: 28px;\n      letter-spacing: -0.4px;\n    }\n  }\n  &[data-size='s3'] {\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s4'] {\n    font-size: 12px;\n    line-height: 18px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='s5'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n  &[data-size='p1'] {\n    font-size: 16px;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n    }\n  }\n  &[data-size='p2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p3'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p4'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='c1'] {\n    font-size: 14px;\n    line-height: 22px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='c2'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n    }\n  }\n  &[data-size='n1'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 12px;\n      line-height: 18px;\n    }\n  }\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='label2'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n"),d="\n  font-weight: ".concat(t.theme.sizes.fwRegular,";\n  &[data-type='bold'], &[data-type='caption'] {\n    font-weight: ").concat(t.theme.sizes.fwBold,";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ").concat(t.theme.sizes.fwSemiBold,";\n  }\n"),c=r.default.p(p||(p=n.__makeTemplateObject(["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"],["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"])),t.theme.defaultColor||t.theme.colors.gray800,l,d,"\n  &[data-word-wrap='break-all'] {\n    word-break: break-all;\n  }\n  &[data-word-wrap='break-word'] {\n    word-break: break-word;\n  }\n  &[data-is-uppercase], &[data-type='caption'] {\n    text-transform: uppercase;\n  }\n");exports.Text=function(e){var t=e.size,i=void 0===t?"base":t,a=e.type,s=void 0===a?"regular":a,p=e.title,r=e.className,l=e.style,d=e.children,x=e.color,h=e.dataEventCategory,g=e.dataEventAction,z=e.dataEventLabel,f=e.as,u=e.wordWrap,m=e.isUppercase,b=e.dangerouslySetInnerHTML,y=n.__rest(e,["size","type","title","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase","dangerouslySetInnerHTML"]),M={"--custom-color":x};return o.default.createElement(c,n.__assign({title:p,"data-size":i,"data-type":s,style:n.__assign(n.__assign({},l),M),className:r,"data-event-category":h,"data-event-action":g,"data-event-label":z,"data-word-wrap":u,"data-is-uppercase":m,as:f,dangerouslySetInnerHTML:b},y),d)};
+"use strict";var n=require("./tslib.es6-9a526c60.js"),e=require("react"),t=require("./theme-50136897.js"),i=require("./utils-0eeef8f2.js"),a=require("styled-components");function s(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,o=s(e),r=s(a),l="\n  &[data-size='lg'], &[data-size='md'] {\n    font-size: 16px;\n    line-height: 28px;\n    ".concat(i.MediaQueries.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='base'] {\n    font-size: 16px;\n    line-height: 24px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='sm'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='xs'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s1'] {\n    font-size: 18px;\n    line-height: 26px;\n    letter-spacing: -0.6px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 22px;\n      line-height: 32px;\n      letter-spacing: -0.6px;\n    }\n  }\n  &[data-size='s2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 18px;\n      line-height: 28px;\n      letter-spacing: -0.4px;\n    }\n  }\n  &[data-size='s3'] {\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='s4'] {\n    font-size: 12px;\n    line-height: 18px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='s5'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n  &[data-size='p1'] {\n    font-size: 16px;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 18px;\n      line-height: 32px;\n    }\n  }\n  &[data-size='p2'] {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p3'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='p4'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n      letter-spacing: -0.2px;\n    }\n  }\n  &[data-size='c1'] {\n    font-size: 14px;\n    line-height: 22px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  &[data-size='c2'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 14px;\n      line-height: 22px;\n    }\n  }\n  &[data-size='n1'] {\n    font-size: 12px;\n    line-height: 18px;\n    ").concat(i.MediaQueries.tdUp," {\n      font-size: 12px;\n      line-height: 18px;\n    }\n  }\n  &[data-size='label1'] {\n    font-size: 14px;\n    line-height: 22px;\n    letter-spacing: -0.2px;\n    ").concat(i.MediaQueries.tdUp," {\n      letter-spacing: 0;\n    }\n  }\n  &[data-size='label2'] {\n    font-size: 12px;\n    line-height: 18px;\n  }\n"),c="\n  font-weight: ".concat(t.theme.sizes.fwRegular,";\n  &[data-type='bold'], &[data-type='caption'] {\n    font-weight: ").concat(t.theme.sizes.fwBold,";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ").concat(t.theme.sizes.fwSemiBold,";\n  }\n"),d=r.default.p(p||(p=n.__makeTemplateObject(["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"],["\n  --text-color: var(\n    --custom-color,\n    ","\n  );\n\n  color: var(--text-color);\n  letter-spacing: 0px;\n  ","\n  ","\n  ","\n"])),t.theme.defaultColor||t.theme.colors.gray800,l,c,"\n  &[data-word-wrap='break-all'] {\n    word-break: break-all;\n  }\n  &[data-word-wrap='break-word'] {\n    word-break: break-word;\n  }\n  &[data-is-uppercase], &[data-type='caption'] {\n    text-transform: uppercase;\n  }\n");exports.Text=function(e){var t=e.size,i=void 0===t?"base":t,a=e.type,s=void 0===a?"regular":a,p=e.title,r=e.className,l=e.style,c=e.children,x=e.color,h=e.dataEventCategory,g=e.dataEventAction,z=e.dataEventLabel,f=e.as,u=e.wordWrap,m=e.isUppercase,y=e.dangerouslySetInnerHTML,M=n.__rest(e,["size","type","title","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase","dangerouslySetInnerHTML"]),v={"--custom-color":x};return o.default.createElement(d,n.__assign({title:p,"data-size":i,"data-type":s,style:n.__assign(n.__assign({},l),v),className:r,"data-event-category":h,"data-event-action":g,"data-event-label":z,"data-word-wrap":u,"data-is-uppercase":m,as:f,dangerouslySetInnerHTML:y},M),c)};

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

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

package/build/{index-d68fe494.js → index-d196e2fe.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./index-6ddadbf0.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e);exports.Logo=function(s){var o=s.type,n=s.className,r=s.style,i=s.isLightLogo,m=s.customSize,g=s.badge,u=s.locale,c=s.dateForSeasonal,d=s.isPro,f=e.useMemo((function(){if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(u)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[u,new Date(c).getDate()]);return l.default.createElement(t.StyledLogo,{className:n,style:r,"data-logo-is-light":i||void 0,"data-has-badge":!!g,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,l.default.createElement(t.LogoIcon,{type:o,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),d?l.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,g)};
+"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./index-a3f3efa9.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e);exports.Logo=function(s){var o=s.type,n=s.className,r=s.style,i=s.isLightLogo,m=s.customSize,g=s.badge,u=s.locale,c=s.dateForSeasonal,d=s.isPro,f=e.useMemo((function(){if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(u)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[u,new Date(c).getDate()]);return l.default.createElement(t.StyledLogo,{className:n,style:r,"data-logo-is-light":i||void 0,"data-has-badge":!!g,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,l.default.createElement(t.LogoIcon,{type:o,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),d?l.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,g)};

package/build/{index-a6aa1a98.js → index-fc2e20ed.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-0065074f.js"),e=require("styled-components"),t=require("react"),i=require("./index-950ef85a.js"),a=require("./utils-950aead5.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,l=o(e),s=o(t),d=l.default.div(r||(r=n.__makeTemplateObject(["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"],["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"])),(function(n){return n.theme.width||20}),(function(n){return n.theme.height||20})),p=l.default.div(u||(u=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp);l.default.label(c||(c=n.__makeTemplateObject(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var u,c,h,f,m,g=l.default.label(h||(h=n.__makeTemplateObject(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),x=l.default.div(f||(f=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),b=l.default.div(m||(m=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),v=s.default.forwardRef((function(e,a){var o=e.name,r=e.errorMessage,l=e.autoComplete,d=void 0===l?"off":l,u=e.defaultValue,c=e.actionIcon,h=e.displayIcon,f=e.isDeleteAction,m=e.onActionClick,v=e.label,w=e.placeholder,y=e.className,z=e.onChange,_=e.onKeyPress,k=e.isDisabled,C=e.CustomInput,j=e.size,I=e.style,N=e.autoFocus,M=e.type,F=void 0===M?"text":M,K=e.isNumerousKeyboard,O=void 0!==K&&K,D=e.onFocus,E=e.enterKeyHint,Q=e.nativeOnChange,T=n.__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"]),q=t.useState(u),P=q[0],R=q[1];return s.default.createElement(p,{"data-size":j,className:y,"data-has-action-icon":!!c||void 0,"data-has-display-icon":!!h||void 0,"data-has-error":r&&r.length>0||void 0,style:I},v&&s.default.createElement(i.Label,{size:"label2",htmlFor:o,className:"inputLabel"},v),s.default.createElement("div",{style:{position:"relative"}},C||s.default.createElement("input",n.__assign({id:o,name:o,placeholder:w,onChange:null!=Q?Q:function(n){return e=n.target.value,R(e),void z(e);var e},onKeyPress:_,type:F,"aria-label":F,disabled:k,value:P,autoComplete:d,ref:a,autoFocus:N,inputMode:O||"number"===F?"numeric":F,pattern:O?"[0-9]*":".*",onFocus:D,enterKeyHint:E},T)),h&&s.default.createElement(b,{className:"displayIcon"},h),c&&s.default.createElement(x,{className:"actionIcon",onClick:function(){var n;f&&(R(""),null===(n=a.current)||void 0===n||n.focus()),m&&m()}},c)),r&&r.length>0&&s.default.createElement(g,{className:"errorLabel"},r))}));v.displayName="PureInput",exports.PureInput=v,exports.StyledFlag=d;
+"use strict";var n=require("./tslib.es6-9a526c60.js"),e=require("styled-components"),t=require("react"),i=require("./index-b379189c.js"),a=require("./utils-0eeef8f2.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,l=o(e),s=o(t),d=l.default.div(r||(r=n.__makeTemplateObject(["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"],["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"])),(function(n){return n.theme.width||20}),(function(n){return n.theme.height||20})),p=l.default.div(u||(u=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(n){return n.theme.sizes.fwRegular}),a.MediaQueries.mbDown,a.MediaQueries.mbUp);l.default.label(c||(c=n.__makeTemplateObject(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var u,c,h,f,m,g=l.default.label(h||(h=n.__makeTemplateObject(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),x=l.default.div(f||(f=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),b=l.default.div(m||(m=n.__makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),v=s.default.forwardRef((function(e,a){var o=e.name,r=e.errorMessage,l=e.autoComplete,d=void 0===l?"off":l,u=e.defaultValue,c=e.actionIcon,h=e.displayIcon,f=e.isDeleteAction,m=e.onActionClick,v=e.label,w=e.placeholder,y=e.className,z=e.onChange,_=e.onKeyPress,k=e.isDisabled,C=e.CustomInput,j=e.size,I=e.style,N=e.autoFocus,M=e.type,F=void 0===M?"text":M,K=e.isNumerousKeyboard,O=void 0!==K&&K,D=e.onFocus,E=e.enterKeyHint,Q=e.nativeOnChange,T=n.__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"]),q=t.useState(u),P=q[0],R=q[1];return s.default.createElement(p,{"data-size":j,className:y,"data-has-action-icon":!!c||void 0,"data-has-display-icon":!!h||void 0,"data-has-error":r&&r.length>0||void 0,style:I},v&&s.default.createElement(i.Label,{size:"label2",htmlFor:o,className:"inputLabel"},v),s.default.createElement("div",{style:{position:"relative"}},C||s.default.createElement("input",n.__assign({id:o,name:o,placeholder:w,onChange:null!=Q?Q:function(n){return e=n.target.value,R(e),void z(e);var e},onKeyPress:_,type:F,"aria-label":F,disabled:k,value:P,autoComplete:d,ref:a,autoFocus:N,inputMode:O||"number"===F?"numeric":F,pattern:O?"[0-9]*":".*",onFocus:D,enterKeyHint:E},T)),h&&s.default.createElement(b,{className:"displayIcon"},h),c&&s.default.createElement(x,{className:"actionIcon",onClick:function(){var n;f&&(R(""),null===(n=a.current)||void 0===n||n.focus()),m&&m()}},c)),r&&r.length>0&&s.default.createElement(g,{className:"errorLabel"},r))}));v.displayName="PureInput",exports.PureInput=v,exports.StyledFlag=d;

package/build/index.css

@@ -0,0 +1 @@
+.style-module_test__RB95t{display:none}

package/build/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-62bd569d.js"),r=require("./index-01fbb796.js"),o=require("./index-94c7b6dd.js"),t=require("./index-7f1e8b1d.js"),a=require("./index-1a21b05f.js"),s=require("./index-eb5e4bd6.js"),i=require("./index-d9ed29f2.js"),p=require("./index-cc4f7e3b.js"),n=require("./index-8a9914ab.js"),x=require("./index-950ef85a.js"),u=require("./index-d68fe494.js"),d=require("./index-a6aa1a98.js"),l=require("./index-bfa673ca.js"),c=require("./index-ada7449f.js"),g=require("./index-6ddadbf0.js"),C=require("./index-f6abdc3f.js"),m=require("./index-33724b3a.js"),P=require("./footer.js"),b=require("./useTranslations-231429a4.js"),h=require("./useScrollbarSize-f805c30e.js"),f=require("./useFbDataLayer-eedaa95c.js"),q=require("./useHealthToolCache-38f50452.js"),S=require("./translationsProvider-4fe7a551.js"),T=require("./translationsContext-8d6c61df.js"),v=require("./types-5359d037.js"),D=require("./types-db41e662.js"),y=require("./constants-b4dc5a05.js"),j=require("./localizeNumberFormat-e4a3a145.js"),B=require("./screenSizeContext-5d49a18f.js"),L=require("./cookieHelper-54048238.js"),I=require("./lazyLoad-76f23903.js");require("react"),require("styled-components");var k=require("./theme-ee07bb4b.js"),A=require("./dataTransform-0d8a1f88.js"),R=require("./routing-9b0aa164.js"),N=require("./utils-950aead5.js"),w=require("./getDynamicHealthTool-95168d7e.js"),M=require("./getSocialList-6c91c6d2.js");require("./Locale-a817e0b3.js"),require("./isProduction-69fc41c0.js"),require("./tslib.es6-0065074f.js"),require("./gAssets.js"),require("lodash/throttle"),require("keen-slider/react"),require("dayjs"),require("react-property"),require("date-fns"),require("./types-1895ef72.js"),require("react-hook-form"),require("./index-4de18a39.js"),require("@mantine/core"),require("@mantine/hooks"),require("@hookform/resolvers/yup"),require("react-range"),require("react-day-picker/DayPickerInput"),require("./defaultClassWrapper-a222d084.js"),require("./useOutsideClick-c0e4fa4d.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("@mantine/dates"),require("./index.styled-622d0725.js"),require("./index-91465581.js"),require("slugify"),require("string-format"),require("./core-e6a29d83.js"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),require("react-dom"),require("./index-9c65be48.js"),require("@mantine/carousel"),require("innertext"),require("react-contenteditable"),require("react-loading-skeleton"),require("lodash/shuffle"),require("vanilla-lazyload"),exports.Types=e.index,exports.Constants=r.index,exports.Alert=o.Alert,exports.AmpNextPage=o.AmpNextPage,exports.ArticleCard=o.ArticleCard,exports.BMICardEmbed=o.BMICardEmbed,exports.BMRCardEmbed=o.BMRCardEmbed,exports.BabyGrowthCardEmbed=o.BabyGrowthCardEmbed,exports.BabyPoopEmbed=o.BabyPoopEmbed,exports.Badge=o.Badge,exports.BorderHeading=o.BorderHeading,exports.Breadcrumbs=o.Breadcrumbs,exports.Carousel=o.Carousel,exports.CategoryCard=o.CategoryCard,exports.Checkbox=o.Checkbox,exports.CheckboxGroup=o.CheckboxGroup,exports.CookieAcceptConfirm=o.CookieAcceptConfirm,exports.DatePicker=o.DatePicker,exports.DateRangePicker=o.DateRangePicker,exports.DoctorInfo=o.DoctorInfo,exports.DueDateCardEmbed=o.DueDateCardEmbed,exports.FileDropdown=o.FileDropdown,exports.FloatButtonGroup=o.FloatButtonGroup,exports.Grid=o.Grid,exports.IconText=o.IconText,exports.Immunization=o.Immunization,exports.MobileBottomNavigation=o.MobileBottomNavigation,exports.MobileBottomNavigationIcon=o.MobileBottomNavigationIcon,exports.OvulationCardEmbed=o.OvulationCardEmbed,exports.PWGCardEmbed=o.PWGCardEmbed,exports.Pagination=o.Pagination,exports.Progress=o.Progress,exports.ProgressBar=o.ProgressBar,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.RateStars=o.RateStars,exports.RecordsByAgeGroup=o.RecordsByAgeGroup,exports.ScrollList=o.ScrollList,exports.SeoHead=o.SeoHead,exports.Shadow=o.Shadow,exports.ShareContainer=o.ShareContainer,exports.ShareDrawer=o.ShareDrawer,exports.SideMenu=o.index,exports.Slider=o.Slider,exports.StatisticCard=o.StatisticCard,exports.SurveyQuestionCard=o.SurveyQuestionCard,exports.SurveyThankyouCard=o.SurveyThankyouCard,exports.THRCardEmbed=o.THRCardEmbed,exports.Table=o.index$1,exports.Tabs=o.Tabs,exports.Tag=o.Tag,exports.TimelineBanner=o.TimelineBanner,exports.Toggle=o.Toggle,exports.ToolsBannerCard=o.ToolsBannerCard,exports.UnderlinedLink=o.UnderlinedLink,exports.Uploader=o.Uploader,exports.VaccineCard=o.VaccineCard,exports.VaccineDetailPopup=o.VaccineDetailPopup,exports.Avatar=t.Avatar,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.Popup=t.Popup,exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants,exports.TogetherDataTransforms=t.dataTransform,exports.UserAvatar=t.UserAvatar,exports.Button=a.Button,exports.AuthorBadge=s.AuthorBadge,exports.Divider=s.Divider,exports.Dropdown=s.Dropdown,exports.Flag=i.Flag,exports.LanguageSwitcher=i.LanguageSwitcher,exports.NavigationLogoutPopup=i.NavigationLogoutPopup,exports.NavigationProfileButton=i.NavigationProfileButton,exports.NavigationV2=i.NavigationV2,exports.ProfilePopup=i.ProfilePopup,exports.UserProfileNavigation=i.UserProfileNavigation,exports.UserProfileNavigationHeader=i.NavHeader,exports.UserProfileNavigationStats=i.UserStats,exports.getNavMenuContent=i.getNavMenuContent,exports.getNavMenuContentWithCache=i.getNavMenuContentWithCache,exports.Heading=p.Heading,exports.Input=n.Input,exports.Label=x.Label,exports.Logo=u.Logo,exports.PureInput=d.PureInput,exports.Text=l.Text,exports.Drawer=c.Drawer,exports.Icon=c.Icon,exports.Menu=c.Menu,exports.Modal=c.Modal,exports.NewBabyProfileRadio=c.NewBabyProfileRadio,exports.RadioImageGroup=c.RadioImageGroup,exports.TextArea=c.TextArea,exports.TextDivider=c.TextDivider,exports.Container=g.Container,exports.CustomReferenceDot=C.CustomReferenceDot,exports.PillCarousel=m.PillCarousel,exports.Footer=P.Footer,exports.useTranslations=b.useTranslations,exports.MEASURE_ELEMENT_CLASS=h.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=h.useScrollbarSize,exports.useFbDataLayer=f.useFbDataLayer,exports.useHealthToolsCache=q.useHealthToolsCache,exports.TranslationsProvider=S.TranslationsProvider,exports.translationsMap=S.translationsMap,exports.TranslationsContext=T.TranslationsContext,exports.defaultTranslations=T.defaultTranslations,exports.CardAuthor=v.CardAuthor,exports.CardLink=v.CardLink,exports.CardPost=v.CardPost,exports.CardPostPopoverMore=v.CardPostPopoverMore,exports.CardReactions=v.CardReactions,exports.CardReply=v.CardReply,exports.CardReplyPopover=v.CardReplyPopover,exports.CreateNewPostContent=v.CreateNewPostContent,exports.CreatePostDescription=v.CreatePostDescription,exports.CreatePostTitle=v.CreatePostTitle,exports.ImagePreviewPopup=v.ImagePreviewPopup,exports.InputCommentBar=v.InputCommentBar,exports.LabelPin=v.LabelPin,exports.LabelSortPin=v.LabelSortPin,exports.LabelSorting=v.LabelSorting,exports.Loading=v.Loading,exports.PopoverMenu=v.PopoverMenu,exports.PopupDanger=v.PopupDanger,exports.PopupDoctor=v.PopupDoctor,exports.PopupExpert=v.PopupExpert,exports.PopupFrame=v.PopupFrame,exports.PopupHospital=v.PopupHospital,exports.PostContent=v.PostContent,exports.PostImagePreview=v.PostImagePreview,exports.PostSingleImageViewPopup=v.PostSingleImageViewPopup,exports.ShareBox=v.ShareBox,exports.SharePopup=v.SharePopup,exports.SocialLinkPreview=v.SocialLinkPreview,exports.SubmitReportForm=v.SubmitReportForm,exports.TagTopic=v.TagTopic,exports.TogetherAuthConfigContext=v.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=v.TogetherAuthConfigContextProvider,exports.TogetherTypes=v.types,exports.TopicSelectList=v.TopicSelectList,exports.useTogetherAuthRequiredAction=v.useTogetherAuthRequiredAction,exports.BookingSearchBar=D.BookingSearchBar,exports.CareTypes=D.types,exports.CareConstants=y.constants,exports.ageGenerate=j.ageGenerate,exports.convertLocalizedStringToNumber=j.convertLocalizedStringToNumber,exports.localizeNumberFormat=j.localizeNumberFormat,exports.ScreenSizeContext=B.ScreenSizeContext,exports.ScreenSizeContextProvider=B.ScreenSizeContextProvider,exports.fadeIn=B.fadeIn,exports.getWindowSizeGroups=B.getWindowSizeGroups,exports.slideInDown=B.slideInDown,exports.slideInLeft=B.slideInLeft,exports.slideInRight=B.slideInRight,exports.slideInUp=B.slideInUp,exports.slideOutDown=B.slideOutDown,exports.slideOutLeft=B.slideOutLeft,exports.slideOutRight=B.slideOutRight,exports.slideOutUp=B.slideOutUp,exports.deleteCookie=L.deleteCookie,exports.getCookie=L.getCookie,exports.setCookie=L.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return I.lazyLoadInstance}}),exports.theme=k.theme,exports.abbreviateNumber=A.abbreviateNumber,exports.formatPill=A.formatPill,exports.getCareApiDomain=R.getCareApiDomain,exports.getCurrentBaseUrl=R.getCurrentBaseUrl,exports.getCurrentSsoUrl=R.getCurrentSsoUrl,exports.getDiscoverApiDomain=R.getDiscoverApiDomain,exports.getTogetherApiDomain=R.getTogetherApiDomain,exports.Breakpoints=N.Breakpoints,exports.MediaQueries=N.MediaQueries,exports.formatUrlWithPageParam=N.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=N.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=N.getPopupWrapperDom,exports.getWrapperDomWithSelector=N.getWrapperDomWithSelector,exports.makeParams=N.makeParams,exports.safeEncodeURI=N.safeEncodeURI,exports.startCase=N.startCase,exports.toggleNoScroll=N.toggleNoScroll,exports.formatHealthTool=w.formatHealthTool,exports.getDynamicHealthTool=w.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=w.getDynamicHealthToolWithCache,exports.getSocialList=M.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-43610f43.js"),r=require("./index-79581d3c.js"),o=require("./index-57106a3d.js"),t=require("./index-795f69b3.js"),a=require("./index-2450a5b9.js"),s=require("./index-90dafcec.js"),i=require("./index-144faad8.js"),p=require("./index-ba9104f4.js"),n=require("./index-8d7187c3.js"),x=require("./index-b379189c.js"),u=require("./index-d196e2fe.js"),d=require("./index-fc2e20ed.js"),l=require("./index-cd695110.js"),c=require("./index-b319c186.js"),g=require("./index-a3f3efa9.js"),C=require("./index-c18a46eb.js"),m=require("./index-27f88a89.js"),P=require("./footer.js"),b=require("./useTranslations-3ec382b2.js"),h=require("./useScrollbarSize-01d42eb4.js"),f=require("./useFbDataLayer-36d02f62.js"),q=require("./useHealthToolCache-89577ff3.js"),S=require("./translationsProvider-9c4cc9e7.js"),T=require("./translationsContext-9c302bff.js"),v=require("./types-5d1afd8a.js"),D=require("./types-0fe6faa9.js"),y=require("./constants-269f7d28.js"),j=require("./localizeNumberFormat-0660d1dc.js"),B=require("./screenSizeContext-23c741db.js"),L=require("./cookieHelper-a00c31cc.js"),I=require("./lazyLoad-943f796d.js");require("react"),require("styled-components");var k=require("./theme-50136897.js"),A=require("./dataTransform-128a5772.js"),R=require("./routing-b0a69d46.js"),N=require("./utils-0eeef8f2.js"),w=require("./getDynamicHealthTool-5062fb37.js"),M=require("./getSocialList-f2bd1901.js");require("./Locale-d6d29062.js"),require("./isProduction-de088296.js"),require("./tslib.es6-9a526c60.js"),require("./gAssets.js"),require("lodash/throttle"),require("keen-slider/react"),require("dayjs"),require("react-property"),require("date-fns"),require("./types-204f934d.js"),require("react-hook-form"),require("./index-c751b1f9.js"),require("@mantine/core"),require("@mantine/hooks"),require("@hookform/resolvers/yup"),require("react-range"),require("react-day-picker/DayPickerInput"),require("./defaultClassWrapper-7b13b5e7.js"),require("./useOutsideClick-a278647a.js"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("@mantine/dates"),require("./index.styled-3a128615.js"),require("./index-761a90e8.js"),require("slugify"),require("string-format"),require("./core-173d90f3.js"),require("dayjs/plugin/relativeTime"),require("lodash/debounce"),require("react-dom"),require("./index-d1863564.js"),require("@mantine/carousel"),require("innertext"),require("react-contenteditable"),require("react-loading-skeleton"),require("lodash/shuffle"),require("vanilla-lazyload"),exports.Types=e.index,exports.Constants=r.index,exports.Alert=o.Alert,exports.AmpNextPage=o.AmpNextPage,exports.ArticleCard=o.ArticleCard,exports.BMICardEmbed=o.BMICardEmbed,exports.BMRCardEmbed=o.BMRCardEmbed,exports.BabyGrowthCardEmbed=o.BabyGrowthCardEmbed,exports.BabyPoopEmbed=o.BabyPoopEmbed,exports.Badge=o.Badge,exports.BorderHeading=o.BorderHeading,exports.Breadcrumbs=o.Breadcrumbs,exports.Carousel=o.Carousel,exports.CategoryCard=o.CategoryCard,exports.Checkbox=o.Checkbox,exports.CheckboxGroup=o.CheckboxGroup,exports.CookieAcceptConfirm=o.CookieAcceptConfirm,exports.DatePicker=o.DatePicker,exports.DateRangePicker=o.DateRangePicker,exports.DoctorInfo=o.DoctorInfo,exports.DueDateCardEmbed=o.DueDateCardEmbed,exports.FileDropdown=o.FileDropdown,exports.FloatButtonGroup=o.FloatButtonGroup,exports.Grid=o.Grid,exports.IconText=o.IconText,exports.Immunization=o.Immunization,exports.MobileBottomNavigation=o.MobileBottomNavigation,exports.MobileBottomNavigationIcon=o.MobileBottomNavigationIcon,exports.OvulationCardEmbed=o.OvulationCardEmbed,exports.PWGCardEmbed=o.PWGCardEmbed,exports.Pagination=o.Pagination,exports.Progress=o.Progress,exports.ProgressBar=o.ProgressBar,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.RateStars=o.RateStars,exports.RecordsByAgeGroup=o.RecordsByAgeGroup,exports.ScrollList=o.ScrollList,exports.SeoHead=o.SeoHead,exports.Shadow=o.Shadow,exports.ShareContainer=o.ShareContainer,exports.ShareDrawer=o.ShareDrawer,exports.SideMenu=o.index,exports.Slider=o.Slider,exports.StatisticCard=o.StatisticCard,exports.SurveyQuestionCard=o.SurveyQuestionCard,exports.SurveyThankyouCard=o.SurveyThankyouCard,exports.THRCardEmbed=o.THRCardEmbed,exports.Table=o.index$1,exports.Tabs=o.Tabs,exports.Tag=o.Tag,exports.TimelineBanner=o.TimelineBanner,exports.Toggle=o.Toggle,exports.ToolsBannerCard=o.ToolsBannerCard,exports.UnderlinedLink=o.UnderlinedLink,exports.Uploader=o.Uploader,exports.VaccineCard=o.VaccineCard,exports.VaccineDetailPopup=o.VaccineDetailPopup,exports.Avatar=t.Avatar,exports.DefaultComponentGlobalContextData=t.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return t.GlobalData}}),exports.Popup=t.Popup,exports.TogetherComponentGlobalContext=t.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=t.TogetherComponentGlobalContextProvider,exports.TogetherConstants=t.constants,exports.TogetherDataTransforms=t.dataTransform,exports.UserAvatar=t.UserAvatar,exports.Button=a.Button,exports.AuthorBadge=s.AuthorBadge,exports.Divider=s.Divider,exports.Dropdown=s.Dropdown,exports.Flag=i.Flag,exports.LanguageSwitcher=i.LanguageSwitcher,exports.NavigationLogoutPopup=i.NavigationLogoutPopup,exports.NavigationProfileButton=i.NavigationProfileButton,exports.NavigationV2=i.NavigationV2,exports.ProfilePopup=i.ProfilePopup,exports.UserProfileNavigation=i.UserProfileNavigation,exports.UserProfileNavigationHeader=i.NavHeader,exports.UserProfileNavigationStats=i.UserStats,exports.getNavMenuContent=i.getNavMenuContent,exports.getNavMenuContentWithCache=i.getNavMenuContentWithCache,exports.Heading=p.Heading,exports.Input=n.Input,exports.Label=x.Label,exports.Logo=u.Logo,exports.PureInput=d.PureInput,exports.Text=l.Text,exports.Drawer=c.Drawer,exports.Icon=c.Icon,exports.Menu=c.Menu,exports.Modal=c.Modal,exports.NewBabyProfileRadio=c.NewBabyProfileRadio,exports.RadioImageGroup=c.RadioImageGroup,exports.TextArea=c.TextArea,exports.TextDivider=c.TextDivider,exports.Container=g.Container,exports.CustomReferenceDot=C.CustomReferenceDot,exports.PillCarousel=m.PillCarousel,exports.Footer=P.Footer,exports.useTranslations=b.useTranslations,exports.MEASURE_ELEMENT_CLASS=h.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=h.useScrollbarSize,exports.useFbDataLayer=f.useFbDataLayer,exports.useHealthToolsCache=q.useHealthToolsCache,exports.TranslationsProvider=S.TranslationsProvider,exports.translationsMap=S.translationsMap,exports.TranslationsContext=T.TranslationsContext,exports.defaultTranslations=T.defaultTranslations,exports.CardAuthor=v.CardAuthor,exports.CardLink=v.CardLink,exports.CardPost=v.CardPost,exports.CardPostPopoverMore=v.CardPostPopoverMore,exports.CardReactions=v.CardReactions,exports.CardReply=v.CardReply,exports.CardReplyPopover=v.CardReplyPopover,exports.CreateNewPostContent=v.CreateNewPostContent,exports.CreatePostDescription=v.CreatePostDescription,exports.CreatePostTitle=v.CreatePostTitle,exports.ImagePreviewPopup=v.ImagePreviewPopup,exports.InputCommentBar=v.InputCommentBar,exports.LabelPin=v.LabelPin,exports.LabelSortPin=v.LabelSortPin,exports.LabelSorting=v.LabelSorting,exports.Loading=v.Loading,exports.PopoverMenu=v.PopoverMenu,exports.PopupDanger=v.PopupDanger,exports.PopupDoctor=v.PopupDoctor,exports.PopupExpert=v.PopupExpert,exports.PopupFrame=v.PopupFrame,exports.PopupHospital=v.PopupHospital,exports.PostContent=v.PostContent,exports.PostImagePreview=v.PostImagePreview,exports.PostSingleImageViewPopup=v.PostSingleImageViewPopup,exports.ShareBox=v.ShareBox,exports.SharePopup=v.SharePopup,exports.SocialLinkPreview=v.SocialLinkPreview,exports.SubmitReportForm=v.SubmitReportForm,exports.TagTopic=v.TagTopic,exports.TogetherAuthConfigContext=v.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=v.TogetherAuthConfigContextProvider,exports.TogetherTypes=v.types,exports.TopicSelectList=v.TopicSelectList,exports.useTogetherAuthRequiredAction=v.useTogetherAuthRequiredAction,exports.BookingSearchBar=D.BookingSearchBar,exports.CareTypes=D.types,exports.CareConstants=y.constants,exports.ageGenerate=j.ageGenerate,exports.convertLocalizedStringToNumber=j.convertLocalizedStringToNumber,exports.localizeNumberFormat=j.localizeNumberFormat,exports.ScreenSizeContext=B.ScreenSizeContext,exports.ScreenSizeContextProvider=B.ScreenSizeContextProvider,exports.fadeIn=B.fadeIn,exports.getWindowSizeGroups=B.getWindowSizeGroups,exports.slideInDown=B.slideInDown,exports.slideInLeft=B.slideInLeft,exports.slideInRight=B.slideInRight,exports.slideInUp=B.slideInUp,exports.slideOutDown=B.slideOutDown,exports.slideOutLeft=B.slideOutLeft,exports.slideOutRight=B.slideOutRight,exports.slideOutUp=B.slideOutUp,exports.deleteCookie=L.deleteCookie,exports.getCookie=L.getCookie,exports.setCookie=L.setCookie,Object.defineProperty(exports,"lazyLoadInstance",{enumerable:!0,get:function(){return I.lazyLoadInstance}}),exports.theme=k.theme,exports.abbreviateNumber=A.abbreviateNumber,exports.formatPill=A.formatPill,exports.getCareApiDomain=R.getCareApiDomain,exports.getCurrentBaseUrl=R.getCurrentBaseUrl,exports.getCurrentSsoUrl=R.getCurrentSsoUrl,exports.getDiscoverApiDomain=R.getDiscoverApiDomain,exports.getTogetherApiDomain=R.getTogetherApiDomain,exports.Breakpoints=N.Breakpoints,exports.MediaQueries=N.MediaQueries,exports.formatUrlWithPageParam=N.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=N.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=N.getPopupWrapperDom,exports.getWrapperDomWithSelector=N.getWrapperDomWithSelector,exports.makeParams=N.makeParams,exports.safeEncodeURI=N.safeEncodeURI,exports.startCase=N.startCase,exports.toggleNoScroll=N.toggleNoScroll,exports.formatHealthTool=w.formatHealthTool,exports.getDynamicHealthTool=w.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=w.getDynamicHealthToolWithCache,exports.getSocialList=M.getSocialList;

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

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

package/build/lead.js

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