@hhgtech/hhg-components 1.23.16 → 1.23.17

package/build/esm/{index.styled-27b27129.js → index.styled-f2fd49cc.js}

@@ -1 +1 @@
-import{b as n,c as e,_ as t}from"./tslib.es6-a524ba6f.js";import r from"styled-components";import o from"react";import{M as a}from"./utils-5d2ce7ce.js";var i,d,l,s=r.div(i||(i=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"],["\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"]))),c=r.hr(d||(d=n(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.dividerType})),h="style-module_heading__xzO2I",p=function(n){var r,a=n.as,i=n.tag,d=n.className,l=n.children,s=n.title,c=n.color,p=n.style,u=n.fontWeight,g=n.dataEventCategory,b=n.dataEventAction,m=n.dataEventLabel,x=e(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),v=a||i;return o.createElement(v,t({title:s,style:t(t({},c?(r={},r["--custom-heading-color"]=c,r):void 0),p),"data-tag":i,"data-font-weight":u||void 0,"data-event-category":g,"data-event-action":b,"data-event-label":m,className:"".concat(h," ").concat(d||"")},x),l)},u=r.div(l||(l=n(["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),a.mbDown,a.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),g=function(n){var r=n.size,a=n.color,i=n.isExpand,d=e(n,["size","color","isExpand"]);return i?o.createElement("svg",t({width:r,height:r,viewBox:"0 0 16 16",fill:a,xmlns:"http://www.w3.org/2000/svg"},d),o.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.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.createElement("svg",t({width:r,height:r,viewBox:"0 0 14 14",fill:a,xmlns:"http://www.w3.org/2000/svg"},d),o.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"}))};g.defaultProps={size:24,color:"inherit",isExpand:!1};var b,m=r.div(b||(b=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"],["\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(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}));export{g as F,p as H,s as S,c as a,u as b,m as c};
+import{b as n,c as e,_ as t}from"./tslib.es6-fadb9c12.js";import r from"styled-components";import o from"react";import{M as a}from"./utils-e92449ef.js";var i,d,l,s=r.div(i||(i=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"],["\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"]))),c=r.hr(d||(d=n(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.dividerType})),h="style-module_heading__xzO2I",p=function(n){var r,a=n.as,i=n.tag,d=n.className,l=n.children,s=n.title,c=n.color,p=n.style,u=n.fontWeight,g=n.dataEventCategory,b=n.dataEventAction,m=n.dataEventLabel,x=e(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),v=a||i;return o.createElement(v,t({title:s,style:t(t({},c?(r={},r["--custom-heading-color"]=c,r):void 0),p),"data-tag":i,"data-font-weight":u||void 0,"data-event-category":g,"data-event-action":b,"data-event-label":m,className:"".concat(h," ").concat(d||"")},x),l)},u=r.div(l||(l=n(["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),a.mbDown,a.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),g=function(n){var r=n.size,a=n.color,i=n.isExpand,d=e(n,["size","color","isExpand"]);return i?o.createElement("svg",t({width:r,height:r,viewBox:"0 0 16 16",fill:a,xmlns:"http://www.w3.org/2000/svg"},d),o.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.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.createElement("svg",t({width:r,height:r,viewBox:"0 0 14 14",fill:a,xmlns:"http://www.w3.org/2000/svg"},d),o.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"}))};g.defaultProps={size:24,color:"inherit",isExpand:!1};var b,m=r.div(b||(b=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"],["\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(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}));export{g as F,p as H,s as S,c as a,u as b,m as c};

package/build/esm/lead.js

@@ -1 +1 @@
-import{a as e,d as t,e as a,_ as l}from"./tslib.es6-a524ba6f.js";import n,{createContext as o,useMemo as r,useContext as i,useState as c,useEffect as d,useRef as s}from"react";import m from"lodash/debounce";import{createPortal as u}from"react-dom";import{T as p}from"./translationsContext-59e4e118.js";import{g,s as v}from"./cookieHelper-a43edf59.js";import{b as h,a as b}from"./utils-5d2ce7ce.js";import{v1 as f}from"uuid";import{u as k}from"./useTranslations-70018531.js";import"dayjs";import"./screenSizeContext-95e8df56.js";import"./lazyLoad-ded2ce19.js";import"styled-components";import"./index-10c55e59.js";import"./isProduction-a1bfc584.js";import"./Locale-7dc81f08.js";import"./gAssets.js";import"string-format";import"lodash/throttle";import"vanilla-lazyload";var y=function(e){var t=e.onClose,a=e.containerClassName,l=e.svgClassName;return n.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a||"")},n.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"},n.createElement("defs",null,n.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},n.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),n.createElement("feFlood",{floodOpacity:".4"}),n.createElement("feComposite",{in2:"blur",operator:"in"}),n.createElement("feComposite",{in:"SourceGraphic"})),n.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),n.createElement("g",{filter:"url(#Ellipse_482)"},n.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"})),n.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),n.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},_=function(e){var t=e.popupId,a=e.url,l=e.newTab,o=e.imageDestkop,r=e.imageMobile,i=e.onClose,c=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},n.createElement("div",{className:"le-center-tab-popup"},n.createElement("div",{style:{position:"relative"}},n.createElement("a",{className:"js-popup-other-submit",href:a,target:l?"blank":"_parent",onClick:c},n.createElement("img",{className:"le-only-mobile",src:r}),n.createElement("img",{className:"le-only-desktop",src:o})),n.createElement(y,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},E=function(e){var t=e.popupId,a=e.url,l=e.title,o=e.urlText,r=e.titleAlign,i=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,m=e.imageMobile,u=e.onClose,p=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:"le-floating-desktop"},n.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?n.createElement("div",null,n.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,n.createElement("div",{style:{padding:20}},n.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(r)},l),n.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},i)),n.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},n.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},o)),n.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right"})))),n.createElement("aside",{className:"le-only-mobile"},n.createElement("div",{className:"le-floating-mobile"},n.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},n.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},n.createElement("div",null,n.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(r)},l),n.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},i)),m?n.createElement("div",null,n.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),n.createElement("div",{style:{textAlign:"center",marginTop:10}},n.createElement("a",{target:d?"blank":"_parent",href:a,style:{textDecoration:"none"}},n.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},o))),n.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},N={LINKS:1,TAGS:2},w="https://dev.leadgen.hellobacsi.com/",x={MOBILE:1,DESKTOP:2},C="";w.includes("localhost")&&(w="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(C="pink");var S="https://"+location.hostname+location.pathname+location.search;S=S.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var T={"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}},B=T[document.documentElement.lang]||T["vi-VN"];var L=o({}),j=function(e){var t=e.title,a=e.titleAlign,l=e.subtitle,o=e.subtitleAlign,r=e.link,i=e.linkNewTab,c=e.linkText,d=e.image;return n.createElement("div",{className:"lead-modal__thank-you"},n.createElement("div",{style:{width:"100%"}},n.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),t&&n.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),l&&n.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(o)},l),c&&n.createElement("div",null,n.createElement("a",{href:r,target:i?"_blank":"parrent",rel:"noreferrer"},n.createElement("button",{className:"lead-modal__btn ".concat(C)},c)))))},O=function(t){var a=t.content,l=t.inlinePosition,n=r((function(){if(!l)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e(e([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var n=a.filter((function(e){return"P"===e.nodeName})),o=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(l){case"1th":r=n[0];break;case"2th":r=n[1];break;case"3th":r=n[2];break;case"4th":r=n[3];break;case"5th":r=n[4];break;case"6th":r=n[5];break;case"7th":r=n[6];break;case"8th":r=n[7];break;case"9th":r=n[8];break;case"10th":r=n[9];break;case"11th":r=n[10];break;case"12th":r=n[11];break;case"lastP":r=n[n.length-1];break;case"1thH2":r=o[0];break;case"2thH2":r=o[1];break;case"3thH2":r=o[2];break;case"4thH2":r=o[3];break;case"5thH2":r=o[4];break;case"6thH2":r=o[5];break;case"7thH2":r=o[6];break;case"8thH2":r=o[7];break;case"9thH2":r=o[8];break;case"10thH2":r=o[9];break;case"lastH2":r=o[o.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}}}),[l]);return l&&n?u(a,n):null},P=function(e){var t=e.content,a=r((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 n.createElement(n.Fragment,null,a.map((function(e){return u(t,h(e,"sidebar-lead-modal-wrapper"))})))},A=function(e){var l,o,s,m=e.popupId,u=e.extraFields,p=e.onClose,g=e.onOtherSubmit,v=e.imageMobile,h=e.imageDesktop,b=e.imageOverlayMobile,f=e.imageOverlayDesktop,y=e.imageBackground,_=e.currentLayout,E=e.title,N=e.onSubmit,w=e.showThankyou,x=k().t,S=JSON.parse(u.listBlockAdded),T=JSON.parse(u.actionBlocks),A=JSON.parse(u.textBlocks),I=i(L).apiUrl,D=T.submitBlock.data.url,M=T.submitBlock.data.text,H=T.submitBlock.data.text2,q=T.submitBlock.data.value,V=location.pathname,F=_.includes("Inline")||"Sidebar"===_,U="Slider"===_,R=c(!0),W=R[0],J=R[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(_))return console.log("😎 Not show fullscreen, slider on mobile "),null;d((function(){(_.includes("LightBox")||"Fullscreen"==_)&&document.body.classList.add("noscroll")}),[]);var z=function(e,l){return t(void 0,void 0,void 0,(function(){return a(this,(function(t){switch(t.label){case 0:return l.target.validity.valueMissing?(l.target.setCustomValidity(x("validator.required")),[3,6]):[3,1];case 1:return l.target.validity.valid||l.target.validity.customError?[3,2]:("tel"===e?l.target.setCustomValidity(x("validator.phone")):"date"===e?l.target.setCustomValidity(x("validator.date")):"email"===e&&l.target.setCustomValidity(x("validator.email")),[3,6]);case 2:return"tel"!==e?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:t.sent(),t.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(l.target.value),B.countryCode)?l.target.setCustomValidity(""):l.target.setCustomValidity(x("validator.phone")),[3,6];case 5:l.target.setCustomValidity(""),t.label=6;case 6:return[2]}}))}))},K=r((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return S.map((function(t,a){var l,o,r;if("TitleBlock"==t.name)return n.createElement("h2",{key:a,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=t.data)||void 0===l?void 0:l.align)||"")," ").concat(C)},t.data.value);if("SubtitleBlock"==t.name)return n.createElement("p",{key:a,className:"lead-modal__description ".concat("le-text-align-"+((null===(o=t.data)||void 0===o?void 0:o.align)||"")," ").concat(C)},t.data.value);if("TextBlock"==t.name)return e.TextBlock+=1,n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("text",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/text.svg")})));if("NumberBlock"==t.name){var i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("number",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,i}if("EmailBlock"==t.name){i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("email",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,i}if("PhoneBlock"==t.name){i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("tel",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,i}if("DateBlock"==t.name){i=n.createElement("div",null,n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("date",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/date.svg")})));return e.DateBlock+=1,i}if("LinkButtonBlock"==t.name)return n.createElement("div",{key:a},n.createElement("a",{target:t.data.newtab?"blank":"parrent",href:t.data.url,style:{textDecoration:"none"}},n.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(C),onClick:function(){null==p||p(),null==g||g()}},t.data.value)));if("CheckboxBlock"==t.name){var c=t.data,d=c.listQuestion,s=c.isSendMailChimp,m=void 0!==s&&s;i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),n.createElement("div",{className:"mailchimp-".concat(null===(r=t.data.value)||void 0===r?void 0:r.replace(/\s/gi,"_")),"data-mailchimp":m}),d.map((function(a,l){return n.createElement("label",{key:l,className:"lead-checkbox-container"},n.createElement("input",{"data-key":t.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:a.value,type:"checkbox",onChange:function(e){return z("checkbox",e)}}),n.createElement("span",{className:"lead-checkbox-checkmark"}),a.placeholder)})));return e.CheckboxBlock+=1,i}if("RadioBlock"==t.name){d=t.data.listQuestion,i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),d.map((function(a,l){return n.createElement("label",{className:"lead-radio-container",key:l},n.createElement("input",{"data-key":t.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:a.value,type:"radio",onChange:function(e){return z("radio",e)}}),n.createElement("span",{className:"lead-radio-checkmark"}),a.placeholder)})));return e.RadioBlock+=1,i}if("DropdownBlock"==t.name){d=t.data.listQuestion,i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),n.createElement("div",{className:"le-newbuilder-select-wrapper"},n.createElement("select",{className:"le-newbuilder-select","data-key":t.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},d.map((function(e,t){return n.createElement("option",{key:t,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,i}}))}),[]),Q=n.createElement(n.Fragment,null,n.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(b,") ;\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(f,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),n.createElement("div",{id:m,"data-popup-url":V,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(F?"le-buider-inline":""," ").concat(U?"le-buider-slider":"")},"Fullscreen"==_?n.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:y||""}):null,n.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(_)},n.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(_)},w?n.createElement(j,{title:w.title,titleAlign:w.titleAlign,subtitle:w.subtitle,subtitleAlign:w.subtitleAlign,link:w.link,linkNewTab:w.linkNewTab,linkText:w.linkText,image:w.image}):n.createElement(n.Fragment,null,n.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(_)?v?n.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:v,alt:""}):null:n.createElement(n.Fragment,null,h?n.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:h,alt:""}):null,v?n.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:v,alt:""}):null)),n.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},n.createElement("form",{className:"lead-modal__form ".concat(m),onSubmit:N},n.createElement("div",{style:{marginBottom:20}},n.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=A.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(C)},E),n.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(o=A.titleBlock.data)||void 0===o?void 0:o.align)," ").concat(C)},A.subtitleBlock.data.value)),n.createElement("div",null,K),(null===(s=null==T?void 0:T.submitBlock)||void 0===s?void 0:s.isHide)?null:n.createElement(n.Fragment,null,n.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(C)},n.createElement("div",{className:"lead-modal__checkbox"},n.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(C),type:"checkbox","aria-label":"Checkbox label",checked:W,onChange:function(e){return J(e.currentTarget.checked)}}),n.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),n.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},M," ",n.createElement("span",{style:{fontWeight:"bold"}},n.createElement("a",{target:"blank",href:D||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},H)))),n.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(C),disabled:!W},q)))))),!_.includes("Inline")&&n.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==_?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(C),onClick:p},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return _.includes("LightBox")||"Fullscreen"==_||"Slider"==_?Q:"Sidebar"==_?n.createElement(P,{content:Q}):_.includes("Inline")?n.createElement(O,{content:Q,inlinePosition:u.popupInlinePosition}):null},I=function(e){var t=e.popupId,a=e.link,l=e.linkText,o=e.linkNewTab,r=e.onClose,i=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,m=location.pathname;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:"le-skin-a-desktop"},n.createElement("div",{style:{position:"relative"}},n.createElement("img",{src:c}),n.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},l)),n.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(C)},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:""},n.createElement("div",{style:{position:"relative",zIndex:1e4}},n.createElement("img",{src:c,style:{width:"100%"}}),n.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),n.createElement(y,{containerClassName:"le-abs-top-right",onClose:r})))):null,n.createElement("aside",{className:"le-only-mobile"},n.createElement("div",{className:"le-skin-mobile"},n.createElement("div",{style:{position:"relative"}},n.createElement("img",{src:i,style:{width:"100%"}}),n.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),n.createElement(y,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:r})))))},D=function(e){var t=e.popupId,a=e.url,l=e.newTab,o=e.image,r=e.onClose,i=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},n.createElement("div",{className:"le-tab-popup"},n.createElement("div",{style:{position:"relative"}},n.createElement("a",{href:a,target:l?"blank":"_parent",onClick:i},n.createElement("img",{className:"js-popup-other-submit",src:o})),n.createElement(y,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var M=function(e){var t,a,l=e.campaign,o=e.action,r=e.onSubmit,c=e.onClose,m=e.showThankyou;k().t;var u=i(L),p=u.apiUrl,h=u.siteDomain;d((function(){var e=g("_ga")||null;fetch("".concat(p,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o,url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,y=l.image,N=l.image_desktop,w=l.code,x=l.image_background,C=l.image_overlay_mobile,S=l.image_overlay_desktop,T=b.currentLayout,B=b.imageBlocks?JSON.parse(b.imageBlocks):{},j=JSON.parse(b.actionBlocks),O=JSON.parse(b.textBlocks),P=(null===(a=null===(t=null==O?void 0:O.titleBlock)||void 0===t?void 0:t.data)||void 0===a?void 0:a.value)||"",M={1:{},2:{},3:{}},H=s("lead-modal-"+f()),q=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}(P);if(q){console.log("⚡️ Has categoryLevel",q);var V=Array.from(document.getElementsByTagName("META")),F=V.find((function(e){return e.name==="content_category_".concat(q)})),U=V.find((function(e){return e.name==="content_category_en_".concat(q)}));if(!F||!U)return console.log("⚡️ No META TAG for categoryLevel, not show popup",q),null;M[q]={value:F.content,value_en:U.content},P=P.replace("{{category_".concat(q,"}}"),F.content),console.log("⚡️ Set categoryData ",q)}else console.log("⚡️ No categoryLevel",q);var R=function(){var e,t,a,n;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),T.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.style.top="0px !important;")}var r=Number(null!==(t=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==t?t:7),i=Number(null!==(n=null===(a=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===a?void 0:a.value)&&void 0!==n?n:0);0===i&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==i&&(console.log("⌛ Popup will show again after ".concat(r," days!")),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,days:r,path:"/"}));var d=g("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:g("hhg-id"),ga_client_id:d};q&&(s.category=M[q].value_en),fetch("".concat(p,"api/campaign/").concat(w,"/lead"),{method:"POST",body:JSON.stringify(s),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==c||c()};return"CenterTab"===T?n.createElement(_,{popupId:H.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,imageMobile:y,imageDestkop:N,onClose:c,onOtherSubmit:R}):"Tab"===T?n.createElement(D,{popupId:H.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,image:y,onClose:c,onOtherSubmit:R}):"Floating"===T?n.createElement(E,{popupId:H.current,title:P,titleAlign:O.titleBlock.data.align,subtitle:O.subtitleBlock.data.value,subtitleAlign:O.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:y,imageDesktop:N,onClose:c,onOtherSubmit:R}):T.includes("LightBox")||T.includes("Inline")||"Fullscreen"==T||"Sidebar"==T||"Slider"==T?n.createElement(A,{popupId:H.current,extraFields:b,onClose:c,onOtherSubmit:R,imageMobile:y,imageDesktop:N,imageBackground:x,currentLayout:T,title:P,onSubmit:function(e){return r(e,q,M,H.current)},key:T,imageOverlayDesktop:S,imageOverlayMobile:C,showThankyou:m}):T.includes("Skin")?n.createElement(I,{popupId:H.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:c,onOtherSubmit:R,imageMobile:y,imageDesktop:N,currentLayout:T}):null},H=function(e){var l=e.campaign,o=e.action,r=e.onSubmit,s=e.onClose,m=e.showThankyou,u=k().t,p=c(!0),v=p[0],h=p[1];d((function(){document.body.classList.add("noscroll");var e=g("_ga")||null;fetch("".concat(T,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,f=l.image,y=l.code,_=b.title,E=b.desc,N=b.submit,w=b.popUpTermURL,x=b.popUpTermAgreeText,S=b.popUpTermText,T=i(L).apiUrl,O=b.fields?JSON.parse(b.fields):[],P={tel:0,text:0,date:0,email:0},A=function(e,l){return t(void 0,void 0,void 0,(function(){return a(this,(function(t){switch(t.label){case 0:return l.target.validity.valueMissing?(l.target.setCustomValidity(u("validator.required")),[3,5]):[3,1];case 1:return l.target.validity.valid||l.target.validity.customError?[3,2]:("tel"===e?l.target.setCustomValidity(u("validator.phone")):"date"===e?l.target.setCustomValidity(u("validator.date")):"email"===e&&l.target.setCustomValidity(u("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return t.sent().isValidNumber(String(l.target.value),B.countryCode)?l.target.setCustomValidity(""):l.target.setCustomValidity(u("validator.phone")),[3,5];case 4:l.target.setCustomValidity(""),t.label=5;case 5:return[2]}}))}))},I=O.map((function(e,t){var a=n.createElement(n.Fragment,null);return a="date"==e.control?n.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:P.date?e.control+P.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 A(e.control,t)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})):n.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:P[e.control]?e.control+P[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 A(e.control,t)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(P.date+=1),"text"==e.control&&(P.text+=1),"tel"==e.control&&(P.tel+=1),"email"==e.control&&(P.email+=1),a}));return n.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},n.createElement("div",{className:"lead-modal__wrapper animate__animated "},n.createElement("div",{className:"lead-modal__content"},m?n.createElement(j,{title:m.title,titleAlign:m.titleAlign,subtitle:m.subtitle,subtitleAlign:m.subtitleAlign,link:m.link,linkNewTab:m.linkNewTab,linkText:m.linkText,image:m.image}):n.createElement(n.Fragment,null,n.createElement("header",{className:"lead-modal__header"},!!f&&n.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),n.createElement("div",{className:"lead-modal__body"},n.createElement("h2",{className:"lead-modal__title ".concat(C)},_),n.createElement("p",{className:"lead-modal__description ".concat(C)},E),n.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),r(e)}},I,n.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(C)},n.createElement("div",{className:"lead-modal__checkbox"},n.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(C),type:"checkbox","aria-label":"Checkbox label",checked:v,onChange:function(e){return h(e.currentTarget.checked)}}),n.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),n.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},x," ",n.createElement("span",{style:{fontWeight:"bold"}},n.createElement("a",{target:"blank",href:w||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),n.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(C),disabled:!v},N))))),n.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(C),onClick:s},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("title",null,"Close modal window"),n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},q=function(e){var t=e.campaign,a=e.action,l=e.onSubmit,o=e.onClose,r=e.showThankyou;return t.extra_fields?"2.1"==t.extra_fields.popupVersion?n.createElement(M,{campaign:t,action:a,onSubmit:l,onClose:o,showThankyou:r}):n.createElement(H,{campaign:t,action:a,onSubmit:l,onClose:o,showThankyou:r}):null},V={"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}."},F={"en-PH":V,"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":V},U=function(e){var t=F[e];return t||F["en-PH"]};var R=function(t){for(var a=e([],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 W(t){var a=t.leadApi,n=t.leadSiteId,o=t.leadDomain,r=t.onShowPopup,i=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:g("_ga")||null})}).then((function(e){return e.json()})).then((function(t){var a,n,c;if(console.log("List campagin: ",t),S="https://"+location.hostname+location.pathname+location.search,1==t._status){var d=t._data.campaigns;g("hhg-id")||(v("hhg-id",f(),{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)?d.filter((function(e){return e.device_types.some((function(e){return e.id==x.MOBILE}))})):d.filter((function(e){return e.device_types.some((function(e){return e.id==x.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(e,t){return e.targets.filter((function(e){return e.type==N.LINKS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1);m=m.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(i===t.href):"start_with"==e.option?!!i.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(i):void 0}));var u=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),p=[];u&&u.length&&(p=s.map((function(e,t){return e.targets.filter((function(e){return e.type==N.TAGS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1).filter((function(e){return u.includes(e.target)})));var h=e(e([],m,!0),p,!0),b=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),k=b.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",k);var y=b.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",y);var _=e(e([],k,!0),y,!0),E=h.filter((function(e){return!_.some((function(t){return t.includes(s[e.campaignIndex].code)}))})),w=R(E);if(console.log("--listCampaignValid : ",w),w&&w.length){var C=s[w[0].campaignIndex];console.log("CAMPAIGN_SHOW",C);var T=C.rules,B=Number(null===(a=T.find((function(e){return"time"==e.rule})))||void 0===a?void 0:a.value);console.log("timeoutRule",B);var L=Number(null===(n=T.find((function(e){return"scroll"==e.rule})))||void 0===n?void 0:n.value);console.log("scrollRule",L);var j=Number(null===(c=T.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===c?void 0:c.value);console.log("excludeSponsored",j);var O=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",O),O&&j)return;var P="TIME";if(Number.isInteger(B)&&(P="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",B," seconds"),setTimeout((function(){null==r||r(C,P)}),1e3*B)),Number.isInteger(L)){P="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",L," %");var A=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),I=A.getBoundingClientRect().top,D=A.offsetHeight;console.log("👓 Element check scroll: ",A);var M=function(){var e=window.pageYOffset||document.documentElement.scrollTop,t=0;e>=I&&(t=Math.round((e-I)/(D-innerHeight)*100)),console.log("---Scroll",t,L),t>=L&&(window.removeEventListener("scroll",M),null==r||r(C,P))};window.addEventListener("scroll",M)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}var J=function(e){var l=e.apiUrl,o=e.siteDomain,i=e.siteId,h=e.locale,f=s(),k=s(Date.now()),y=r((function(){var e=l;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[l,o,i]).apiUrl,_=c(null),E=_[0],N=_[1],w=c(""),x=w[0],C=w[1],S=c(null),T=S[0],j=S[1],O=function(e,t){N(e),C(t)},P=function(){var e,t;if(E){console.log("👋👋👋 CLOSE POPUP ".concat(E.code," 👋👋👋"));var a=Number(null===(e=E.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),l=Number(null===(t=E.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===t?void 0:t.value);0==a&&v("lead_closed_".concat(E.code),"target_".concat(E.extra_fields.popupVersion),l?{domain:"."+o,days:l,path:"/"}:{domain:"."+o,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(y,"api/campaign/").concat(E.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:g("hhg-id"),duration:Math.ceil((Date.now()-k.current)/1e3)})}),N(null),j(null)}};d((function(){if(window.next){var e=m((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;P(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length||W({leadApi:y,leadDomain:o,leadSiteId:i,onShowPopup:O}),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",e)}W({leadApi:y,leadDomain:o,leadSiteId:i,onShowPopup:O})}),[]);return d((function(){E&&(k.current=Date.now())}),[E]),n.createElement(L.Provider,{value:{apiUrl:y,siteDomain:o,siteId:i,locale:h}},n.createElement(p.Provider,{value:{locale:h,values:U(h)}},u(n.createElement(n.Fragment,null,E&&n.createElement(q,{campaign:E,onClose:P,onSubmit:function(e,l,n,r){return t(void 0,void 0,void 0,(function(){var t,i,c,d,s,m,u,p,h,b,f,k,_,N,w,x,C,S,T,L,O,A,I,D,M,H,q,V,F,U,R,W,J,z;return a(this,(function(a){switch(a.label){case 0:return e.preventDefault(),console.log("submitHandler",l,n),t=new FormData(e.currentTarget),i={},t.forEach((function(e,t){i[t]=i[t]||[],i[t].push(e)})),c=Object.keys(i).map((function(e){return{name:e,value:String(i[e])}})),d=2,s=g("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:a.sent(),a.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var t,a,l,n;return{key:null===(t=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"),value:(null==B?void 0:B.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==B?void 0:B.countryCodeNumber,d).replace(/\s+/g,""):e.value,control:e.name.replace(/\d+$/,""),is_sent_mailchimp:(null===(n=document.querySelector(".lead-modal__form.".concat(r," .mailchimp-").concat((null===(l=null===(a=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"))||void 0===l?void 0:l.replace(/\s/gi,"_"))||"")))||void 0===n?void 0:n.getAttribute("data-mailchimp"))||"false"}})),cookie_id:g("hhg-id"),ga_client_id:s},l&&n[l].value_en&&(m.category=n[l].value_en),u=Number((null===(M=null===(D=E.rules)||void 0===D?void 0:D.find((function(e){return"days_to_show_again"===e.rule})))||void 0===M?void 0:M.value)||7),0==(p=Number((null===(q=null===(H=E.rules)||void 0===H?void 0:H.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===q?void 0:q.value)||0))&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(E.code),"target_".concat(E.extra_fields.targetType),{domain:"."+o,path:"/"})),1==p&&(console.log("⌛ Popup will show again after ".concat(u," days!")),v("lead_submited_".concat(E.code),"target_".concat(E.extra_fields.targetType),{domain:"."+o,days:u,path:"/"})),fetch("".concat(y,"api/campaign/").concat(E.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==E.extra_fields.popupShowThankYou?(P(),document.body.classList.remove("noscroll"),[2]):(h=!0,b=E.thank_you_image||"".concat(y,"admin/img/thanksyou.png"),f=E.extra_fields.popupThankyouTitle||"Thank you.",k=E.extra_fields.popupThankyouDesc||"We appreciate your time!",_="",N="",C="","2.1"==E.extra_fields.popupVersion&&(S=E.extra_fields,T=JSON.parse(S.listBlockThankyou),L=T.find((function(e){return"TitleBlock"==e.name})),O=T.find((function(e){return"SubtitleBlock"==e.name})),A=T.find((function(e){return"LinkButtonBlock"==e.name})),f=(null===(V=null==L?void 0:L.data)||void 0===V?void 0:V.value)||"",_=(null===(F=null==L?void 0:L.data)||void 0===F?void 0:F.align)||"",k=(null===(U=null==O?void 0:O.data)||void 0===U?void 0:U.value)||"",N=(null===(R=null==O?void 0:O.data)||void 0===R?void 0:R.align)||"",w=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.value)||"",x=(null===(J=null==A?void 0:A.data)||void 0===J?void 0:J.newtab)||!1,C=(null===(z=null==A?void 0:A.data)||void 0===z?void 0:z.url)||"",I=E.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(h=!1)),j(h?{title:f,titleAlign:_,subtitle:k,subtitleAlign:N,link:C,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}},c.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:x,showThankyou:T})),b())))};export{J as LeadGen};
+import{a as e,d as t,e as a,_ as l}from"./tslib.es6-fadb9c12.js";import n,{createContext as o,useMemo as r,useContext as i,useState as c,useEffect as d,useRef as s}from"react";import m from"lodash/debounce";import{createPortal as u}from"react-dom";import{T as p}from"./translationsContext-0d9f3e1e.js";import{g,s as v}from"./cookieHelper-4533e632.js";import{b as h,a as b}from"./utils-e92449ef.js";import{v1 as f}from"uuid";import{u as k}from"./useTranslations-e6fb70cc.js";import"dayjs";import"./screenSizeContext-937c4ea3.js";import"./lazyLoad-f04d39bc.js";import"styled-components";import"./index-2150a2c4.js";import"./isProduction-bb99fd7e.js";import"./Locale-4f277ebd.js";import"./gAssets.js";import"string-format";import"lodash/throttle";import"vanilla-lazyload";var y=function(e){var t=e.onClose,a=e.containerClassName,l=e.svgClassName;return n.createElement("button",{onClick:t,className:"le-newbuilder-close-button js-modal__close ".concat(a||"")},n.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"},n.createElement("defs",null,n.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},n.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),n.createElement("feFlood",{floodOpacity:".4"}),n.createElement("feComposite",{in2:"blur",operator:"in"}),n.createElement("feComposite",{in:"SourceGraphic"})),n.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),n.createElement("g",{filter:"url(#Ellipse_482)"},n.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"})),n.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),n.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},_=function(e){var t=e.popupId,a=e.url,l=e.newTab,o=e.imageDestkop,r=e.imageMobile,i=e.onClose,c=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},n.createElement("div",{className:"le-center-tab-popup"},n.createElement("div",{style:{position:"relative"}},n.createElement("a",{className:"js-popup-other-submit",href:a,target:l?"blank":"_parent",onClick:c},n.createElement("img",{className:"le-only-mobile",src:r}),n.createElement("img",{className:"le-only-desktop",src:o})),n.createElement(y,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},E=function(e){var t=e.popupId,a=e.url,l=e.title,o=e.urlText,r=e.titleAlign,i=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,m=e.imageMobile,u=e.onClose,p=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:"le-floating-desktop"},n.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?n.createElement("div",null,n.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,n.createElement("div",{style:{padding:20}},n.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(r)},l),n.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},i)),n.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:a},n.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},o)),n.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right"})))),n.createElement("aside",{className:"le-only-mobile"},n.createElement("div",{className:"le-floating-mobile"},n.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},n.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},n.createElement("div",null,n.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(r)},l),n.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},i)),m?n.createElement("div",null,n.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),n.createElement("div",{style:{textAlign:"center",marginTop:10}},n.createElement("a",{target:d?"blank":"_parent",href:a,style:{textDecoration:"none"}},n.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:p},o))),n.createElement(y,{onClose:u,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},N={LINKS:1,TAGS:2},w="https://dev.leadgen.hellobacsi.com/",x={MOBILE:1,DESKTOP:2},C="";w.includes("localhost")&&(w="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(C="pink");var S="https://"+location.hostname+location.pathname+location.search;S=S.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var T={"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}},B=T[document.documentElement.lang]||T["vi-VN"];var L=o({}),j=function(e){var t=e.title,a=e.titleAlign,l=e.subtitle,o=e.subtitleAlign,r=e.link,i=e.linkNewTab,c=e.linkText,d=e.image;return n.createElement("div",{className:"lead-modal__thank-you"},n.createElement("div",{style:{width:"100%"}},n.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),t&&n.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(a)},t),l&&n.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(o)},l),c&&n.createElement("div",null,n.createElement("a",{href:r,target:i?"_blank":"parrent",rel:"noreferrer"},n.createElement("button",{className:"lead-modal__btn ".concat(C)},c)))))},O=function(t){var a=t.content,l=t.inlinePosition,n=r((function(){if(!l)return null;var t=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),a=Array.from(t).reduce((function(t,a){return e(e([],t,!0),Array.from(a.children),!0)}),[]);if(null==a?void 0:a.length){var n=a.filter((function(e){return"P"===e.nodeName})),o=a.filter((function(e){return"H2"===e.nodeName})),r=null;switch(l){case"1th":r=n[0];break;case"2th":r=n[1];break;case"3th":r=n[2];break;case"4th":r=n[3];break;case"5th":r=n[4];break;case"6th":r=n[5];break;case"7th":r=n[6];break;case"8th":r=n[7];break;case"9th":r=n[8];break;case"10th":r=n[9];break;case"11th":r=n[10];break;case"12th":r=n[11];break;case"lastP":r=n[n.length-1];break;case"1thH2":r=o[0];break;case"2thH2":r=o[1];break;case"3thH2":r=o[2];break;case"4thH2":r=o[3];break;case"5thH2":r=o[4];break;case"6thH2":r=o[5];break;case"7thH2":r=o[6];break;case"8thH2":r=o[7];break;case"9thH2":r=o[8];break;case"10thH2":r=o[9];break;case"lastH2":r=o[o.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}}}),[l]);return l&&n?u(a,n):null},P=function(e){var t=e.content,a=r((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 n.createElement(n.Fragment,null,a.map((function(e){return u(t,h(e,"sidebar-lead-modal-wrapper"))})))},A=function(e){var l,o,s,m=e.popupId,u=e.extraFields,p=e.onClose,g=e.onOtherSubmit,v=e.imageMobile,h=e.imageDesktop,b=e.imageOverlayMobile,f=e.imageOverlayDesktop,y=e.imageBackground,_=e.currentLayout,E=e.title,N=e.onSubmit,w=e.showThankyou,x=k().t,S=JSON.parse(u.listBlockAdded),T=JSON.parse(u.actionBlocks),A=JSON.parse(u.textBlocks),I=i(L).apiUrl,D=T.submitBlock.data.url,M=T.submitBlock.data.text,H=T.submitBlock.data.text2,q=T.submitBlock.data.value,V=location.pathname,F=_.includes("Inline")||"Sidebar"===_,U="Slider"===_,R=c(!0),W=R[0],J=R[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(_))return console.log("😎 Not show fullscreen, slider on mobile "),null;d((function(){(_.includes("LightBox")||"Fullscreen"==_)&&document.body.classList.add("noscroll")}),[]);var z=function(e,l){return t(void 0,void 0,void 0,(function(){return a(this,(function(t){switch(t.label){case 0:return l.target.validity.valueMissing?(l.target.setCustomValidity(x("validator.required")),[3,6]):[3,1];case 1:return l.target.validity.valid||l.target.validity.customError?[3,2]:("tel"===e?l.target.setCustomValidity(x("validator.phone")):"date"===e?l.target.setCustomValidity(x("validator.date")):"email"===e&&l.target.setCustomValidity(x("validator.email")),[3,6]);case 2:return"tel"!==e?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:t.sent(),t.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(l.target.value),B.countryCode)?l.target.setCustomValidity(""):l.target.setCustomValidity(x("validator.phone")),[3,6];case 5:l.target.setCustomValidity(""),t.label=6;case 6:return[2]}}))}))},K=r((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return S.map((function(t,a){var l,o,r;if("TitleBlock"==t.name)return n.createElement("h2",{key:a,className:"lead-modal__title ".concat("le-text-align-"+((null===(l=t.data)||void 0===l?void 0:l.align)||"")," ").concat(C)},t.data.value);if("SubtitleBlock"==t.name)return n.createElement("p",{key:a,className:"lead-modal__description ".concat("le-text-align-"+((null===(o=t.data)||void 0===o?void 0:o.align)||"")," ").concat(C)},t.data.value);if("TextBlock"==t.name)return e.TextBlock+=1,n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("text",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/text.svg")})));if("NumberBlock"==t.name){var i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("number",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,i}if("EmailBlock"==t.name){i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("email",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,i}if("PhoneBlock"==t.name){i=n.createElement("div",{key:a},n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("tel",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,i}if("DateBlock"==t.name){i=n.createElement("div",null,n.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.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 z("date",e)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(I,"admin/img/builder/date.svg")})));return e.DateBlock+=1,i}if("LinkButtonBlock"==t.name)return n.createElement("div",{key:a},n.createElement("a",{target:t.data.newtab?"blank":"parrent",href:t.data.url,style:{textDecoration:"none"}},n.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(C),onClick:function(){null==p||p(),null==g||g()}},t.data.value)));if("CheckboxBlock"==t.name){var c=t.data,d=c.listQuestion,s=c.isSendMailChimp,m=void 0!==s&&s;i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),n.createElement("div",{className:"mailchimp-".concat(null===(r=t.data.value)||void 0===r?void 0:r.replace(/\s/gi,"_")),"data-mailchimp":m}),d.map((function(a,l){return n.createElement("label",{key:l,className:"lead-checkbox-container"},n.createElement("input",{"data-key":t.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:a.value,type:"checkbox",onChange:function(e){return z("checkbox",e)}}),n.createElement("span",{className:"lead-checkbox-checkmark"}),a.placeholder)})));return e.CheckboxBlock+=1,i}if("RadioBlock"==t.name){d=t.data.listQuestion,i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),d.map((function(a,l){return n.createElement("label",{className:"lead-radio-container",key:l},n.createElement("input",{"data-key":t.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:a.value,type:"radio",onChange:function(e){return z("radio",e)}}),n.createElement("span",{className:"lead-radio-checkmark"}),a.placeholder)})));return e.RadioBlock+=1,i}if("DropdownBlock"==t.name){d=t.data.listQuestion,i=n.createElement("div",{key:a,style:{margin:"5px 0"}},n.createElement("div",{className:"le-checkbox-title"},t.data.placeholder),n.createElement("div",{className:"le-newbuilder-select-wrapper"},n.createElement("select",{className:"le-newbuilder-select","data-key":t.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},d.map((function(e,t){return n.createElement("option",{key:t,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,i}}))}),[]),Q=n.createElement(n.Fragment,null,n.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(b,") ;\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(f,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),n.createElement("div",{id:m,"data-popup-url":V,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(F?"le-buider-inline":""," ").concat(U?"le-buider-slider":"")},"Fullscreen"==_?n.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:y||""}):null,n.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(_)},n.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(_)},w?n.createElement(j,{title:w.title,titleAlign:w.titleAlign,subtitle:w.subtitle,subtitleAlign:w.subtitleAlign,link:w.link,linkNewTab:w.linkNewTab,linkText:w.linkText,image:w.image}):n.createElement(n.Fragment,null,n.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(_)?v?n.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:v,alt:""}):null:n.createElement(n.Fragment,null,h?n.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:h,alt:""}):null,v?n.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:v,alt:""}):null)),n.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},n.createElement("form",{className:"lead-modal__form ".concat(m),onSubmit:N},n.createElement("div",{style:{marginBottom:20}},n.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(l=A.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(C)},E),n.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(o=A.titleBlock.data)||void 0===o?void 0:o.align)," ").concat(C)},A.subtitleBlock.data.value)),n.createElement("div",null,K),(null===(s=null==T?void 0:T.submitBlock)||void 0===s?void 0:s.isHide)?null:n.createElement(n.Fragment,null,n.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(C)},n.createElement("div",{className:"lead-modal__checkbox"},n.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(C),type:"checkbox","aria-label":"Checkbox label",checked:W,onChange:function(e){return J(e.currentTarget.checked)}}),n.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),n.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},M," ",n.createElement("span",{style:{fontWeight:"bold"}},n.createElement("a",{target:"blank",href:D||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},H)))),n.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(C),disabled:!W},q)))))),!_.includes("Inline")&&n.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==_?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(C),onClick:p},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return _.includes("LightBox")||"Fullscreen"==_||"Slider"==_?Q:"Sidebar"==_?n.createElement(P,{content:Q}):_.includes("Inline")?n.createElement(O,{content:Q,inlinePosition:u.popupInlinePosition}):null},I=function(e){var t=e.popupId,a=e.link,l=e.linkText,o=e.linkNewTab,r=e.onClose,i=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,m=location.pathname;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:"le-skin-a-desktop"},n.createElement("div",{style:{position:"relative"}},n.createElement("img",{src:c}),n.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},l)),n.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(C)},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?n.createElement("aside",{className:"le-only-desktop"},n.createElement("div",{className:""},n.createElement("div",{style:{position:"relative",zIndex:1e4}},n.createElement("img",{src:c,style:{width:"100%"}}),n.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),n.createElement(y,{containerClassName:"le-abs-top-right",onClose:r})))):null,n.createElement("aside",{className:"le-only-mobile"},n.createElement("div",{className:"le-skin-mobile"},n.createElement("div",{style:{position:"relative"}},n.createElement("img",{src:i,style:{width:"100%"}}),n.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:a,target:o?"blank":"_parent"},n.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},l)),n.createElement(y,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:r})))))},D=function(e){var t=e.popupId,a=e.url,l=e.newTab,o=e.image,r=e.onClose,i=e.onOtherSubmit;return n.createElement("div",{id:t,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},n.createElement("div",{className:"le-tab-popup"},n.createElement("div",{style:{position:"relative"}},n.createElement("a",{href:a,target:l?"blank":"_parent",onClick:i},n.createElement("img",{className:"js-popup-other-submit",src:o})),n.createElement(y,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var M=function(e){var t,a,l=e.campaign,o=e.action,r=e.onSubmit,c=e.onClose,m=e.showThankyou;k().t;var u=i(L),p=u.apiUrl,h=u.siteDomain;d((function(){var e=g("_ga")||null;fetch("".concat(p,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o,url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,y=l.image,N=l.image_desktop,w=l.code,x=l.image_background,C=l.image_overlay_mobile,S=l.image_overlay_desktop,T=b.currentLayout,B=b.imageBlocks?JSON.parse(b.imageBlocks):{},j=JSON.parse(b.actionBlocks),O=JSON.parse(b.textBlocks),P=(null===(a=null===(t=null==O?void 0:O.titleBlock)||void 0===t?void 0:t.data)||void 0===a?void 0:a.value)||"",M={1:{},2:{},3:{}},H=s("lead-modal-"+f()),q=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}(P);if(q){console.log("⚡️ Has categoryLevel",q);var V=Array.from(document.getElementsByTagName("META")),F=V.find((function(e){return e.name==="content_category_".concat(q)})),U=V.find((function(e){return e.name==="content_category_en_".concat(q)}));if(!F||!U)return console.log("⚡️ No META TAG for categoryLevel, not show popup",q),null;M[q]={value:F.content,value_en:U.content},P=P.replace("{{category_".concat(q,"}}"),F.content),console.log("⚡️ Set categoryData ",q)}else console.log("⚡️ No categoryLevel",q);var R=function(){var e,t,a,n;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),T.includes("Skin")){var o=document.querySelector("#masthead");o&&(o.style.top="0px !important;")}var r=Number(null!==(t=null===(e=l.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==t?t:7),i=Number(null!==(n=null===(a=l.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===a?void 0:a.value)&&void 0!==n?n:0);0===i&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,path:"/"})),1==i&&(console.log("⌛ Popup will show again after ".concat(r," days!")),v("lead_submited_".concat(w),"target_".concat(b.popupVersion),{domain:"."+h,days:r,path:"/"}));var d=g("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:g("hhg-id"),ga_client_id:d};q&&(s.category=M[q].value_en),fetch("".concat(p,"api/campaign/").concat(w,"/lead"),{method:"POST",body:JSON.stringify(s),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==c||c()};return"CenterTab"===T?n.createElement(_,{popupId:H.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,imageMobile:y,imageDestkop:N,onClose:c,onOtherSubmit:R}):"Tab"===T?n.createElement(D,{popupId:H.current,url:B.imageMobile.data.url,newTab:B.imageMobile.data.newtab,image:y,onClose:c,onOtherSubmit:R}):"Floating"===T?n.createElement(E,{popupId:H.current,title:P,titleAlign:O.titleBlock.data.align,subtitle:O.subtitleBlock.data.value,subtitleAlign:O.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:y,imageDesktop:N,onClose:c,onOtherSubmit:R}):T.includes("LightBox")||T.includes("Inline")||"Fullscreen"==T||"Sidebar"==T||"Slider"==T?n.createElement(A,{popupId:H.current,extraFields:b,onClose:c,onOtherSubmit:R,imageMobile:y,imageDesktop:N,imageBackground:x,currentLayout:T,title:P,onSubmit:function(e){return r(e,q,M,H.current)},key:T,imageOverlayDesktop:S,imageOverlayMobile:C,showThankyou:m}):T.includes("Skin")?n.createElement(I,{popupId:H.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:c,onOtherSubmit:R,imageMobile:y,imageDesktop:N,currentLayout:T}):null},H=function(e){var l=e.campaign,o=e.action,r=e.onSubmit,s=e.onClose,m=e.showThankyou,u=k().t,p=c(!0),v=p[0],h=p[1];d((function(){document.body.classList.add("noscroll");var e=g("_ga")||null;fetch("".concat(T,"api/campaign/").concat(y,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:o||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:g("hhg-id"),ga_client_id:e})})}),[]);var b=l.extra_fields,f=l.image,y=l.code,_=b.title,E=b.desc,N=b.submit,w=b.popUpTermURL,x=b.popUpTermAgreeText,S=b.popUpTermText,T=i(L).apiUrl,O=b.fields?JSON.parse(b.fields):[],P={tel:0,text:0,date:0,email:0},A=function(e,l){return t(void 0,void 0,void 0,(function(){return a(this,(function(t){switch(t.label){case 0:return l.target.validity.valueMissing?(l.target.setCustomValidity(u("validator.required")),[3,5]):[3,1];case 1:return l.target.validity.valid||l.target.validity.customError?[3,2]:("tel"===e?l.target.setCustomValidity(u("validator.phone")):"date"===e?l.target.setCustomValidity(u("validator.date")):"email"===e&&l.target.setCustomValidity(u("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return t.sent().isValidNumber(String(l.target.value),B.countryCode)?l.target.setCustomValidity(""):l.target.setCustomValidity(u("validator.phone")),[3,5];case 4:l.target.setCustomValidity(""),t.label=5;case 5:return[2]}}))}))},I=O.map((function(e,t){var a=n.createElement(n.Fragment,null);return a="date"==e.control?n.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:P.date?e.control+P.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 A(e.control,t)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})):n.createElement("div",{key:t,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},n.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:P[e.control]?e.control+P[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 A(e.control,t)}}),n.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(T,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(P.date+=1),"text"==e.control&&(P.text+=1),"tel"==e.control&&(P.tel+=1),"email"==e.control&&(P.email+=1),a}));return n.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},n.createElement("div",{className:"lead-modal__wrapper animate__animated "},n.createElement("div",{className:"lead-modal__content"},m?n.createElement(j,{title:m.title,titleAlign:m.titleAlign,subtitle:m.subtitle,subtitleAlign:m.subtitleAlign,link:m.link,linkNewTab:m.linkNewTab,linkText:m.linkText,image:m.image}):n.createElement(n.Fragment,null,n.createElement("header",{className:"lead-modal__header"},!!f&&n.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),n.createElement("div",{className:"lead-modal__body"},n.createElement("h2",{className:"lead-modal__title ".concat(C)},_),n.createElement("p",{className:"lead-modal__description ".concat(C)},E),n.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),r(e)}},I,n.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(C)},n.createElement("div",{className:"lead-modal__checkbox"},n.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(C),type:"checkbox","aria-label":"Checkbox label",checked:v,onChange:function(e){return h(e.currentTarget.checked)}}),n.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),n.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},x," ",n.createElement("span",{style:{fontWeight:"bold"}},n.createElement("a",{target:"blank",href:w||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},S)))),n.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(C),disabled:!v},N))))),n.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(C),onClick:s},n.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},n.createElement("title",null,"Close modal window"),n.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},n.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),n.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},q=function(e){var t=e.campaign,a=e.action,l=e.onSubmit,o=e.onClose,r=e.showThankyou;return t.extra_fields?"2.1"==t.extra_fields.popupVersion?n.createElement(M,{campaign:t,action:a,onSubmit:l,onClose:o,showThankyou:r}):n.createElement(H,{campaign:t,action:a,onSubmit:l,onClose:o,showThankyou:r}):null},V={"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}."},F={"en-PH":V,"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":V},U=function(e){var t=F[e];return t||F["en-PH"]};var R=function(t){for(var a=e([],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 W(t){var a=t.leadApi,n=t.leadSiteId,o=t.leadDomain,r=t.onShowPopup,i=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(a+"api/campaign/"+n,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:i,ga_client_id:g("_ga")||null})}).then((function(e){return e.json()})).then((function(t){var a,n,c;if(console.log("List campagin: ",t),S="https://"+location.hostname+location.pathname+location.search,1==t._status){var d=t._data.campaigns;g("hhg-id")||(v("hhg-id",f(),{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)?d.filter((function(e){return e.device_types.some((function(e){return e.id==x.MOBILE}))})):d.filter((function(e){return e.device_types.some((function(e){return e.id==x.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(e,t){return e.targets.filter((function(e){return e.type==N.LINKS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1);m=m.filter((function(e){var t=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(i===t.href):"start_with"==e.option?!!i.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(i):void 0}));var u=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),p=[];u&&u.length&&(p=s.map((function(e,t){return e.targets.filter((function(e){return e.type==N.TAGS})).map((function(e){return l(l({},e),{campaignIndex:t})}))})).flat(1).filter((function(e){return u.includes(e.target)})));var h=e(e([],m,!0),p,!0),b=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),k=b.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",k);var y=b.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",y);var _=e(e([],k,!0),y,!0),E=h.filter((function(e){return!_.some((function(t){return t.includes(s[e.campaignIndex].code)}))})),w=R(E);if(console.log("--listCampaignValid : ",w),w&&w.length){var C=s[w[0].campaignIndex];console.log("CAMPAIGN_SHOW",C);var T=C.rules,B=Number(null===(a=T.find((function(e){return"time"==e.rule})))||void 0===a?void 0:a.value);console.log("timeoutRule",B);var L=Number(null===(n=T.find((function(e){return"scroll"==e.rule})))||void 0===n?void 0:n.value);console.log("scrollRule",L);var j=Number(null===(c=T.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===c?void 0:c.value);console.log("excludeSponsored",j);var O=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",O),O&&j)return;var P="TIME";if(Number.isInteger(B)&&(P="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",B," seconds"),setTimeout((function(){null==r||r(C,P)}),1e3*B)),Number.isInteger(L)){P="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",L," %");var A=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),I=A.getBoundingClientRect().top,D=A.offsetHeight;console.log("👓 Element check scroll: ",A);var M=function(){var e=window.pageYOffset||document.documentElement.scrollTop,t=0;e>=I&&(t=Math.round((e-I)/(D-innerHeight)*100)),console.log("---Scroll",t,L),t>=L&&(window.removeEventListener("scroll",M),null==r||r(C,P))};window.addEventListener("scroll",M)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}var J=function(e){var l=e.apiUrl,o=e.siteDomain,i=e.siteId,h=e.locale,f=s(),k=s(Date.now()),y=r((function(){var e=l;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[l,o,i]).apiUrl,_=c(null),E=_[0],N=_[1],w=c(""),x=w[0],C=w[1],S=c(null),T=S[0],j=S[1],O=function(e,t){N(e),C(t)},P=function(){var e,t;if(E){console.log("👋👋👋 CLOSE POPUP ".concat(E.code," 👋👋👋"));var a=Number(null===(e=E.rules.find((function(e){return"show_again_after_exit"==e.rule})))||void 0===e?void 0:e.value),l=Number(null===(t=E.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===t?void 0:t.value);0==a&&v("lead_closed_".concat(E.code),"target_".concat(E.extra_fields.popupVersion),l?{domain:"."+o,days:l,path:"/"}:{domain:"."+o,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(y,"api/campaign/").concat(E.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:g("hhg-id"),duration:Math.ceil((Date.now()-k.current)/1e3)})}),N(null),j(null)}};d((function(){if(window.next){var e=m((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var t=location.pathname;P(),document.querySelectorAll('[data-popup-url="'.concat(t,'"]')).length||W({leadApi:y,leadDomain:o,leadSiteId:i,onShowPopup:O}),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",e)}W({leadApi:y,leadDomain:o,leadSiteId:i,onShowPopup:O})}),[]);return d((function(){E&&(k.current=Date.now())}),[E]),n.createElement(L.Provider,{value:{apiUrl:y,siteDomain:o,siteId:i,locale:h}},n.createElement(p.Provider,{value:{locale:h,values:U(h)}},u(n.createElement(n.Fragment,null,E&&n.createElement(q,{campaign:E,onClose:P,onSubmit:function(e,l,n,r){return t(void 0,void 0,void 0,(function(){var t,i,c,d,s,m,u,p,h,b,f,k,_,N,w,x,C,S,T,L,O,A,I,D,M,H,q,V,F,U,R,W,J,z;return a(this,(function(a){switch(a.label){case 0:return e.preventDefault(),console.log("submitHandler",l,n),t=new FormData(e.currentTarget),i={},t.forEach((function(e,t){i[t]=i[t]||[],i[t].push(e)})),c=Object.keys(i).map((function(e){return{name:e,value:String(i[e])}})),d=2,s=g("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:a.sent(),a.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var t,a,l,n;return{key:null===(t=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"),value:(null==B?void 0:B.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==B?void 0:B.countryCodeNumber,d).replace(/\s+/g,""):e.value,control:e.name.replace(/\d+$/,""),is_sent_mailchimp:(null===(n=document.querySelector(".lead-modal__form.".concat(r," .mailchimp-").concat((null===(l=null===(a=document.querySelector(".lead-modal__form.".concat(r,' [name="').concat(e.name,'"]')))||void 0===a?void 0:a.getAttribute("data-key"))||void 0===l?void 0:l.replace(/\s/gi,"_"))||"")))||void 0===n?void 0:n.getAttribute("data-mailchimp"))||"false"}})),cookie_id:g("hhg-id"),ga_client_id:s},l&&n[l].value_en&&(m.category=n[l].value_en),u=Number((null===(M=null===(D=E.rules)||void 0===D?void 0:D.find((function(e){return"days_to_show_again"===e.rule})))||void 0===M?void 0:M.value)||7),0==(p=Number((null===(q=null===(H=E.rules)||void 0===H?void 0:H.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===q?void 0:q.value)||0))&&(console.log("⛔ Popup never show again!"),v("lead_submited_".concat(E.code),"target_".concat(E.extra_fields.targetType),{domain:"."+o,path:"/"})),1==p&&(console.log("⌛ Popup will show again after ".concat(u," days!")),v("lead_submited_".concat(E.code),"target_".concat(E.extra_fields.targetType),{domain:"."+o,days:u,path:"/"})),fetch("".concat(y,"api/campaign/").concat(E.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==E.extra_fields.popupShowThankYou?(P(),document.body.classList.remove("noscroll"),[2]):(h=!0,b=E.thank_you_image||"".concat(y,"admin/img/thanksyou.png"),f=E.extra_fields.popupThankyouTitle||"Thank you.",k=E.extra_fields.popupThankyouDesc||"We appreciate your time!",_="",N="",C="","2.1"==E.extra_fields.popupVersion&&(S=E.extra_fields,T=JSON.parse(S.listBlockThankyou),L=T.find((function(e){return"TitleBlock"==e.name})),O=T.find((function(e){return"SubtitleBlock"==e.name})),A=T.find((function(e){return"LinkButtonBlock"==e.name})),f=(null===(V=null==L?void 0:L.data)||void 0===V?void 0:V.value)||"",_=(null===(F=null==L?void 0:L.data)||void 0===F?void 0:F.align)||"",k=(null===(U=null==O?void 0:O.data)||void 0===U?void 0:U.value)||"",N=(null===(R=null==O?void 0:O.data)||void 0===R?void 0:R.align)||"",w=(null===(W=null==A?void 0:A.data)||void 0===W?void 0:W.value)||"",x=(null===(J=null==A?void 0:A.data)||void 0===J?void 0:J.newtab)||!1,C=(null===(z=null==A?void 0:A.data)||void 0===z?void 0:z.url)||"",I=E.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(I)&&(h=!1)),j(h?{title:f,titleAlign:_,subtitle:k,subtitleAlign:N,link:C,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}},c.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:x,showThankyou:T})),b())))};export{J as LeadGen};

package/build/esm/mantine.js

@@ -1 +1 @@
-import{c as t,_ as o}from"./tslib.es6-a524ba6f.js";import r,{useMemo as n,useState as a,useEffect as i}from"react";import{Autocomplete as s,Image as l,Select as m,Indicator as p,Badge as h,Spoiler as v,LoadingOverlay as x,MantineProvider as E,clsx as b,Title as w,Text as y,Button as j}from"@mantine/core";import{CommonGAssets as k}from"./gAssets.js";import{S as _,a as S,b as z,u as L,g as H}from"./index-5ff0d8c7.js";export{A as Accordion,c as Avatar,C as Carousel,d as Checkbox,D as DatePicker,f as MAPPED_LOCALE,M as Modal,O as OTP,P as Phone,R as Radio,e as Switch,g as getMantineThemeOverride,u as useMantineLocale}from"./index-5ff0d8c7.js";import"dayjs";import"./screenSizeContext-95e8df56.js";import"./lazyLoad-ded2ce19.js";import"styled-components";import{t as B}from"./theme-2e439737.js";import"./index-10c55e59.js";import"./utils-5d2ce7ce.js";import"./isProduction-a1bfc584.js";import"./Locale-7dc81f08.js";import{T as N}from"./index-1280b5de.js";import{u as T}from"./useTranslations-70018531.js";import{D as W}from"./index-72196247.js";export{I as Input,e as emotionCache}from"./index-72196247.js";export{C as CentralCarousel}from"./index-3605f6a7.js";import{useDebouncedValue as F}from"@mantine/hooks";import{B as G}from"./index-c5c2bdd2.js";import"@mantine/dates";import"@mantine/carousel";import"./defaultClassWrapper-f5fae450.js";import"react-phone-number-input";import"./Vietnam-5b86458c.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-59e4e118.js";import"string-format";var J=function(e){var n=e.keepSearch,a=void 0!==n&&n,i=t(e,["keepSearch"]);return a?r.createElement(s,o({rightSection:r.createElement(l,{src:k.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):r.createElement(m,o({rightSection:r.createElement(l,{src:k.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},V=function(e){return r.createElement(p,o({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:B.colors.red700}}},e))},Y=function(e){return r.createElement(_,o({minRows:2,maxRows:4},e))},Z=function(e){var n=e.color,a=void 0===n?B.colors.primaryBase:n,i=t(e,["color"]);return r.createElement(h,o({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},i))},q=function(e){var a=e.children,i=e.line,s=e.lineHeight,l=e.trackingAttributes,c=e.maxHeight,m=e.customExpandFn,d=t(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),u=T().t,p=n((function(){return c||(i&&s?i*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=n((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return r.createElement(v,o({showLabel:r.createElement(N,o({size:"p3",color:B.colors.primaryBase},h,{onClick:m}),u("articlePage.readMore")),hideLabel:r.createElement(N,o({size:"p3",color:B.colors.primaryBase},h),u("articlePage.showLess"))},d,{maxHeight:p}),a)},K=function(e){return r.createElement(x,o({loaderProps:{color:B.colors.primaryBase}},e))},Q=function(e){var n=e.color,s=void 0===n?B.colors.primaryBase:n,l=e.withControl,c=e.onChange,m=e.value,d=e.min,u=e.max,p=e.isStatic,h=t(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(m||d||0),v=f[0],g=f[1],x=F(v,W)[0];return i((function(){null==c||c(x)}),[x]),r.createElement(S,null,l&&r.createElement(G,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return d&&e===d?e:e-1}))}},r.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},r.createElement("path",{d:"M1 1.004h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r.createElement(z,o({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:s,value:v,onChange:p?function(){return null}:g,min:d,max:u},h)),l&&r.createElement(G,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return u&&e===u?e:e+1}))}},r.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},r.createElement("path",{d:"M8 4v8M4 8h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},U=function(e){var n=e.children,a=e.locale,i=t(e,["children","locale"]);return L(a),r.createElement(E,o({theme:H(a)},i),n)},X={container:"styles-module_container__MON6s",iconContainer:"styles-module_iconContainer__pS-tJ",icon:"styles-module_icon__s3tJ9",title:"styles-module_title__fNsZr",description:"styles-module_description__uuxV7",button:"styles-module_button__YohjT"};function $(e){var n=e.icon,a=e.title,i=e.description,s=e.button,l=e.buttonProps,c=e.style,m=e.className,d=l||{},u=d.size,p=void 0===u?"lg":u,h=d.variant,f=void 0===h?"outline":h,v=t(d,["size","variant"]),g=n;return r.createElement("div",{className:b("result",X.container,m),style:c},g&&r.createElement("div",{className:b("resultIconContainer",X.iconContainer)},r.createElement(g,{className:b("resultIcon",X.icon)})),r.createElement(w,{order:3,size:"h3",className:b("resultTitle",X.title)},a),r.createElement(y,{className:b("resultDescription",X.description)},i),s&&r.createElement(j,o({},v,{size:p,variant:f,className:b("resultButton",X.button,v.className)}),s))}export{Z as Badge,V as Indicator,K as LoadingOverlay,U as MantineProvider,$ as Result,J as Select,Q as Slider,q as Spoiler,Y as TextArea};
+import{c as t,_ as o}from"./tslib.es6-fadb9c12.js";import r,{useMemo as n,useState as a,useEffect as i}from"react";import{Autocomplete as s,Image as l,Select as m,Indicator as p,Badge as h,Spoiler as v,LoadingOverlay as x,MantineProvider as E,clsx as b,Title as w,Text as y,Button as j}from"@mantine/core";import{CommonGAssets as k}from"./gAssets.js";import{S as _,a as S,b as z,u as L,g as H}from"./index-4b9e9f8a.js";export{A as Accordion,c as Avatar,C as Carousel,d as Checkbox,D as DatePicker,f as MAPPED_LOCALE,M as Modal,O as OTP,P as Phone,R as Radio,e as Switch,g as getMantineThemeOverride,u as useMantineLocale}from"./index-4b9e9f8a.js";import"dayjs";import"./screenSizeContext-937c4ea3.js";import"./lazyLoad-f04d39bc.js";import"styled-components";import{t as B}from"./theme-68f5ce17.js";import"./index-2150a2c4.js";import"./utils-e92449ef.js";import"./isProduction-bb99fd7e.js";import"./Locale-4f277ebd.js";import{T as N}from"./index-14dd1cb0.js";import{u as T}from"./useTranslations-e6fb70cc.js";import{D as W}from"./index-f867a07a.js";export{I as Input,e as emotionCache}from"./index-f867a07a.js";export{C as CentralCarousel}from"./index-36a31dfe.js";import{useDebouncedValue as F}from"@mantine/hooks";import{B as G}from"./index-e609a9ca.js";import"@mantine/dates";import"@mantine/carousel";import"./defaultClassWrapper-5d7a63b2.js";import"react-phone-number-input";import"./Vietnam-c6c6ffe8.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-0d9f3e1e.js";import"string-format";var J=function(e){var n=e.keepSearch,a=void 0!==n&&n,i=t(e,["keepSearch"]);return a?r.createElement(s,o({rightSection:r.createElement(l,{src:k.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):r.createElement(m,o({rightSection:r.createElement(l,{src:k.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},V=function(e){return r.createElement(p,o({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:B.colors.red700}}},e))},Y=function(e){return r.createElement(_,o({minRows:2,maxRows:4},e))},Z=function(e){var n=e.color,a=void 0===n?B.colors.primaryBase:n,i=t(e,["color"]);return r.createElement(h,o({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},i))},q=function(e){var a=e.children,i=e.line,s=e.lineHeight,l=e.trackingAttributes,c=e.maxHeight,m=e.customExpandFn,d=t(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),u=T().t,p=n((function(){return c||(i&&s?i*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=n((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return r.createElement(v,o({showLabel:r.createElement(N,o({size:"p3",color:B.colors.primaryBase},h,{onClick:m}),u("articlePage.readMore")),hideLabel:r.createElement(N,o({size:"p3",color:B.colors.primaryBase},h),u("articlePage.showLess"))},d,{maxHeight:p}),a)},K=function(e){return r.createElement(x,o({loaderProps:{color:B.colors.primaryBase}},e))},Q=function(e){var n=e.color,s=void 0===n?B.colors.primaryBase:n,l=e.withControl,c=e.onChange,m=e.value,d=e.min,u=e.max,p=e.isStatic,h=t(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(m||d||0),v=f[0],g=f[1],x=F(v,W)[0];return i((function(){null==c||c(x)}),[x]),r.createElement(S,null,l&&r.createElement(G,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return d&&e===d?e:e-1}))}},r.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},r.createElement("path",{d:"M1 1.004h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r.createElement(z,o({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:s,value:v,onChange:p?function(){return null}:g,min:d,max:u},h)),l&&r.createElement(G,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return u&&e===u?e:e+1}))}},r.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},r.createElement("path",{d:"M8 4v8M4 8h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},U=function(e){var n=e.children,a=e.locale,i=t(e,["children","locale"]);return L(a),r.createElement(E,o({theme:H(a)},i),n)},X={container:"styles-module_container__MON6s",iconContainer:"styles-module_iconContainer__pS-tJ",icon:"styles-module_icon__s3tJ9",title:"styles-module_title__fNsZr",description:"styles-module_description__uuxV7",button:"styles-module_button__YohjT"};function $(e){var n=e.icon,a=e.title,i=e.description,s=e.button,l=e.buttonProps,c=e.style,m=e.className,d=l||{},u=d.size,p=void 0===u?"lg":u,h=d.variant,f=void 0===h?"outline":h,v=t(d,["size","variant"]),g=n;return r.createElement("div",{className:b("result",X.container,m),style:c},g&&r.createElement("div",{className:b("resultIconContainer",X.iconContainer)},r.createElement(g,{className:b("resultIcon",X.icon)})),r.createElement(w,{order:3,size:"h3",className:b("resultTitle",X.title)},a),r.createElement(y,{className:b("resultDescription",X.description)},i),s&&r.createElement(j,o({},v,{size:p,variant:f,className:b("resultButton",X.button,v.className)}),s))}export{Z as Badge,V as Indicator,K as LoadingOverlay,U as MantineProvider,$ as Result,J as Select,Q as Slider,q as Spoiler,Y as TextArea};

package/build/esm/misc.js

@@ -1 +1 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-671a9b69.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-95e8df56.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-a43edf59.js";export{l as lazyLoadInstance}from"./lazyLoad-ded2ce19.js";import"react";import"styled-components";export{t as theme}from"./theme-2e439737.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-b8ff3d5b.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-faf9b9ac.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-5d2ce7ce.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-2c54f0bb.js";export{g as getSocialList}from"./getSocialList-6a574bbb.js";import"dayjs";import"./tslib.es6-a524ba6f.js";import"lodash/throttle";import"vanilla-lazyload";import"./index-10c55e59.js";import"./Locale-7dc81f08.js";import"./isProduction-a1bfc584.js";import"./core-831bf768.js";import"./gAssets.js";
+export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-2975c530.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-937c4ea3.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-4533e632.js";export{l as lazyLoadInstance}from"./lazyLoad-f04d39bc.js";import"react";import"styled-components";export{t as theme}from"./theme-68f5ce17.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-f9d8f8e4.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-e540d958.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-e92449ef.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-a3e58809.js";export{g as getSocialList}from"./getSocialList-76729935.js";import"dayjs";import"./tslib.es6-fadb9c12.js";import"lodash/throttle";import"vanilla-lazyload";import"./index-2150a2c4.js";import"./Locale-4f277ebd.js";import"./isProduction-bb99fd7e.js";import"./core-cea5b5ec.js";import"./gAssets.js";

package/build/esm/navigation.js

@@ -1 +1 @@
-import"./tslib.es6-a524ba6f.js";import"react";import"./core-831bf768.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-d1aa7f4f.js";import"./index-10c55e59.js";import"./routing-faf9b9ac.js";import"./index-415b03a0.js";import"./isProduction-a1bfc584.js";import"./gAssets.js";import"./Locale-7dc81f08.js";import"styled-components";import"./index-1280b5de.js";import"./constants-84bfc878.js";import"./useTranslations-70018531.js";import"./translationsContext-59e4e118.js";import"string-format";import"./index.styled-08911d1f.js";import"./theme-2e439737.js";import"./utils-5d2ce7ce.js";import"./index.styled-6d04577f.js";import"./defaultClassWrapper-f5fae450.js";import"./index.styled-5d71a9e8.js";import"dayjs";import"./screenSizeContext-95e8df56.js";import"lodash/throttle";import"./lazyLoad-ded2ce19.js";import"vanilla-lazyload";import"./index.styled-27b27129.js";import"./index-c5c2bdd2.js";import"dayjs/plugin/relativeTime";import"./index-363a319b.js";import"@mantine/core";import"./cookieHelper-a43edf59.js";import"react-range";import"./index-4c0d9335.js";import"lodash/debounce";import"slugify";
+import"./tslib.es6-fadb9c12.js";import"react";import"./core-cea5b5ec.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-77c303cc.js";import"./index-2150a2c4.js";import"./routing-e540d958.js";import"./index-cd7d5c8f.js";import"./isProduction-bb99fd7e.js";import"./gAssets.js";import"./Locale-4f277ebd.js";import"styled-components";import"./index-14dd1cb0.js";import"./constants-ea4b84a8.js";import"./useTranslations-e6fb70cc.js";import"./translationsContext-0d9f3e1e.js";import"string-format";import"./index.styled-23abb5d5.js";import"./theme-68f5ce17.js";import"./utils-e92449ef.js";import"./index.styled-ab3046c2.js";import"./defaultClassWrapper-5d7a63b2.js";import"./index.styled-90e7114e.js";import"dayjs";import"./screenSizeContext-937c4ea3.js";import"lodash/throttle";import"./lazyLoad-f04d39bc.js";import"vanilla-lazyload";import"./index.styled-f2fd49cc.js";import"./index-e609a9ca.js";import"dayjs/plugin/relativeTime";import"./index-02f56965.js";import"@mantine/core";import"./cookieHelper-4533e632.js";import"react-range";import"./index-b0b8ed44.js";import"lodash/debounce";import"slugify";

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{b as n,c as o,_ as t,d as e,e as r}from"./tslib.es6-a524ba6f.js";import i,{useState as a,useEffect as s}from"react";import{useForm as m,yupResolver as p}from"@mantine/form";import"./index.styled-08911d1f.js";import{H as d}from"./index.styled-27b27129.js";import{B as c}from"./index-c5c2bdd2.js";import"./gAssets.js";import"./index.styled-6d04577f.js";import{c as l}from"./index.styled-5d71a9e8.js";import{M as u}from"./utils-5d2ce7ce.js";import"react-range";import{Container as b,Input as g}from"@mantine/core";import{u as h}from"./useTranslations-70018531.js";import"./index-4c0d9335.js";import{P as f,O as x,M as E}from"./index-5ff0d8c7.js";import"dayjs";import"./screenSizeContext-95e8df56.js";import"./lazyLoad-ded2ce19.js";import v from"styled-components";import"./index-10c55e59.js";import"./isProduction-a1bfc584.js";import{L as w}from"./Locale-7dc81f08.js";import{I as P,P as y}from"./index-72196247.js";import"./index-3605f6a7.js";import{useInterval as S}from"@mantine/hooks";import"lodash/debounce";import{T as j}from"./index-1280b5de.js";import{t as k}from"./theme-2e439737.js";import"./translationsContext-59e4e118.js";import"string-format";import*as C from"yup";import{V as I}from"./Visible-bc89a0c7.js";import"./defaultClassWrapper-f5fae450.js";import"@mantine/dates";import"@mantine/carousel";import"react-phone-number-input";import"./Vietnam-5b86458c.js";import"lodash/throttle";import"vanilla-lazyload";var z,N,M,T,B,O,U,V,F=v(b)(z||(z=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    margin-bottom: 16px;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n  }\n  .form {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    margin-bottom: 16px;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n  }\n  .form {\n    width: 100%;\n  }\n"])),u.mbDown,u.mbDown),D=function(n){var e=n.heading,r=n.description,a=n.children,s=n.className,m=o(n,["heading","description","children","className"]);return i.createElement(F,t({},m,{className:"hhg-comp-onboarding-container ".concat(s),size:"sm"}),i.createElement(l,{type:"hellobacsi"}),i.createElement("div",{className:"header"},i.createElement(d,{tag:"h3"},e),i.createElement(j,{size:"p3",color:k.colors.gray600},r)),a)},H=function(n){var o=n.onClose,e=n.onSubmit,r=n.canSkip,a=h().t,s=m({validate:{email:function(n){return/^\S+@\S+$/.test(n)?null:a("onboarding.errorMessage.invalidEmail")}}});return i.createElement(D,{heading:a("onboarding.formEmail.heading"),description:a("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:s.onSubmit((function(n){return e((null==n?void 0:n.email)||"")}))},i.createElement(P,t({label:a("onboarding.formEmail.yourEmail"),withAsterisk:!0},s.getInputProps("email"))),i.createElement(c,{color:"primary",isBlock:!0,size:"lg",type:"submit"},a("onboarding.button.continue")),r&&i.createElement(c,{color:"ghost",isBlock:!0,size:"lg",onClick:o},a("onboarding.button.skip"))))},A=function(n){return C.object().shape({phone:C.string().required(n("onboarding.updatePhone.error")).default("")})},L=function(n){return C.object().shape({otp:C.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},R=v(D)(N||(N=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),u.mbDown),q=((M={})[w.Vietnam]="VN",M[w.Cambodia]="KH",M[w.Indonesia]="ID",M[w.Malaysia]="MY",M[w.PhilippinesEnglish]="PH",M[w.PhilippinesTagalog]="PH",M[w.Taiwan]="TW",M[w.Thailand]="TH",M[w.Myanmar]="MM",M),K=function(n){var o=n.onClose,a=n.onSubmit,s=n.canSkip,d=void 0===s||s,l=h().t,u=m({initialValues:{phone:""},validate:p(A(l))});return i.createElement(R,{heading:l("onboarding.updatePhone.heading"),description:l("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:u.onSubmit((function(n){return e(void 0,void 0,void 0,(function(){return r(this,(function(o){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(f,t({defaultCountry:q[process.env.UNIFY_LOCALE]||"VN"},u.getInputProps("phone"))),i.createElement(g.Error,null,u.errors.phone)),i.createElement(c,{color:"primary",isBlock:!0,size:"lg",type:"submit"},l("onboarding.button.continue")),d&&i.createElement(c,{color:"ghost",isBlock:!0,size:"lg",onClick:o},l("onboarding.button.skip"))))},W=v(D)(T||(T=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n"])),u.mbDown,u.mbDown),Y=function(n){var o=n.onSubmit,d=n.phone,l=n.onResendCode,u=n.otpError,b=a(30),f=b[0],E=b[1],v=S((function(){return E((function(n){return n-1}))}),1e3),w=h().t;s((function(){return v.start(),v.stop}),[]),s((function(){0===f&&v.stop()}),[f]);var P=m({initialValues:{otp:""},validate:p(L(w))});s((function(){u&&P.setFieldError("otp",u)}),[u]);return i.createElement(W,{heading:w("onboarding.otpForm.heading"),description:w("onboarding.otpForm.description",{phone:d})},i.createElement("form",{onSubmit:P.onSubmit((function(n){return e(void 0,void 0,void 0,(function(){return r(this,(function(t){return o(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(x,t({enterKeyHint:void 0,nonce:void 0},P.getInputProps("otp"))),i.createElement(g.Error,null,P.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(j,{size:"p4"},w("onboarding.otpForm.notReceiveOTP")),i.createElement(j,{as:"a",size:"p4",color:k.colors.primaryBase,onClick:function(){return e(void 0,void 0,void 0,(function(){return r(this,(function(n){switch(n.label){case 0:return E(30),[4,l(d)];case 1:return n.sent(),v.start(),[2]}}))}))}},w("onboarding.otpForm.resendCode",{seconds:f}))),i.createElement(c,{color:"primary",isBlock:!0,size:"lg",type:"submit"},w("onboarding.button.continue"))))},_=function(n){var o=n.onClose,e=n.onSubmit,r=n.canSkip,a=h().t,s=m({initialValues:{password:"",confirmPassword:""},validate:{confirmPassword:function(n,o){return n!==o.password?a("onboarding.errorMessage.passNotMatch"):null}}});return i.createElement(D,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:s.onSubmit((function(n){return e((null==n?void 0:n.password)||"")}))},i.createElement(y,t({label:a("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(I,null)},s.getInputProps("password"))),i.createElement(y,t({label:a("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(I,null)},s.getInputProps("confirmPassword"))),i.createElement(c,{color:"primary",isBlock:!0,size:"lg",type:"submit"},a("onboarding.button.continue")),r&&i.createElement(c,{color:"ghost",isBlock:!0,size:"lg",onClick:o},a("onboarding.button.skip"))))},$=v(E)(B||(B=n(["\n  .mantine-Modal-body {\n    display: flex;\n    height: 100%;\n    "," {\n      padding: 24px;\n    }\n  }\n"],["\n  .mantine-Modal-body {\n    display: flex;\n    height: 100%;\n    "," {\n      padding: 24px;\n    }\n  }\n"])),u.mbDown);v.div(O||(O=n(["\n  padding-top: 100px;\n  width: 60%;\n"],["\n  padding-top: 100px;\n  width: 60%;\n"]))),v.div(U||(U=n(["\n  width: 40%;\n  background-color: ",";\n"],["\n  width: 40%;\n  background-color: ",";\n"])),k.colors.blue100),function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.Email=2]="Email",n[n.UpdatePassword=3]="UpdatePassword"}(V||(V={}));var G=function(n){var s=n.onClose,m=n.canSkip,p=n.step,d=void 0===p?V.Phone:p,c=n.onPhoneSubmit,l=n.onOtpSubmit,u=n.onUpdateEmailSubmit,b=n.onUpdatePasswordSubmit,g=n.onResendCode,h=n.otpError,f=o(n,["onClose","canSkip","step","onPhoneSubmit","onOtpSubmit","onUpdateEmailSubmit","onUpdatePasswordSubmit","onResendCode","otpError"]),x=a(d),E=x[0],v=x[1],w=a(""),P=w[0],y=w[1];return i.createElement($,t({},f,{onClose:s,fullScreen:!0}),E===V.Phone&&i.createElement(K,{onClose:s,canSkip:m,onSubmit:function(n){return e(void 0,void 0,void 0,(function(){var o;return r(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),y(n),[4,null==c?void 0:c(n)];case 1:return t.sent(),v(V.OTP),[3,3];case 2:return o=t.sent(),console.error(o),[3,3];case 3:return[2]}}))}))}}),E===V.OTP&&i.createElement(Y,{onSubmit:function(n){return e(void 0,void 0,void 0,(function(){var o;return r(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,l(n)];case 1:return t.sent(),[3,3];case 2:return o=t.sent(),console.error(o),[3,3];case 3:return[2]}}))}))},phone:P,onResendCode:g,otpError:h}),E===V.Email&&i.createElement(H,{onClose:s,canSkip:m,onSubmit:function(n){return e(void 0,void 0,void 0,(function(){return r(this,(function(o){switch(o.label){case 0:return[4,null==u?void 0:u(n)];case 1:return o.sent(),v(V.UpdatePassword),[2]}}))}))}}),E===V.UpdatePassword&&i.createElement(_,{onClose:s,canSkip:m,onSubmit:function(n){return e(void 0,void 0,void 0,(function(){return r(this,(function(o){switch(o.label){case 0:return[4,null==b?void 0:b(n)];case 1:return o.sent(),s(),[2]}}))}))}}))};export{q as MAPPED_LOCALE,K as OnboardingForm,G as OnboardingModal,Y as OtpForm};
+import{b as n,c as o,_ as e,d as t,e as r}from"./tslib.es6-fadb9c12.js";import i,{useState as a,useEffect as s}from"react";import{useForm as m,yupResolver as p}from"@mantine/form";import"./index.styled-23abb5d5.js";import{H as c}from"./index.styled-f2fd49cc.js";import{B as l}from"./index-e609a9ca.js";import"./gAssets.js";import"./index.styled-ab3046c2.js";import{c as d}from"./index.styled-90e7114e.js";import{M as u}from"./utils-e92449ef.js";import"react-range";import{Container as b,Input as g}from"@mantine/core";import{u as h}from"./useTranslations-e6fb70cc.js";import"./index-b0b8ed44.js";import{P as f,O as x,M as E}from"./index-4b9e9f8a.js";import"dayjs";import"./screenSizeContext-937c4ea3.js";import"./lazyLoad-f04d39bc.js";import v from"styled-components";import"./index-2150a2c4.js";import"./isProduction-bb99fd7e.js";import{L as w}from"./Locale-4f277ebd.js";import{I as P,P as y}from"./index-f867a07a.js";import"./index-36a31dfe.js";import{useInterval as S}from"@mantine/hooks";import"lodash/debounce";import{T as j}from"./index-14dd1cb0.js";import{t as k}from"./theme-68f5ce17.js";import"./translationsContext-0d9f3e1e.js";import"string-format";import*as C from"yup";import{V as I}from"./Visible-38e5d6a8.js";import"./defaultClassWrapper-5d7a63b2.js";import"@mantine/dates";import"@mantine/carousel";import"react-phone-number-input";import"./Vietnam-c6c6ffe8.js";import"lodash/throttle";import"vanilla-lazyload";var z,N,M,T,B,O,U,V,F=v(b)(z||(z=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    margin-bottom: 16px;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n  }\n  .form {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-top: 70px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    margin-bottom: 16px;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n  }\n  .form {\n    width: 100%;\n  }\n"])),u.mbDown,u.mbDown),D=function(n){var t=n.heading,r=n.description,a=n.children,s=n.className,m=o(n,["heading","description","children","className"]);return i.createElement(F,e({},m,{className:"hhg-comp-onboarding-container ".concat(s),size:"sm"}),i.createElement(d,{type:"hellobacsi"}),i.createElement("div",{className:"header"},i.createElement(c,{tag:"h3"},t),i.createElement(j,{size:"p3",color:k.colors.gray600},r)),a)},H=function(n){var o=n.onClose,t=n.onSubmit,r=n.canSkip,a=h().t,s=m({validate:{email:function(n){return/^\S+@\S+$/.test(n)?null:a("onboarding.errorMessage.invalidEmail")}}});return i.createElement(D,{heading:a("onboarding.formEmail.heading"),description:a("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:s.onSubmit((function(n){return t((null==n?void 0:n.email)||"")}))},i.createElement(P,e({label:a("onboarding.formEmail.yourEmail"),withAsterisk:!0},s.getInputProps("email"))),i.createElement(l,{color:"primary",isBlock:!0,size:"lg",type:"submit"},a("onboarding.button.continue")),r&&i.createElement(l,{color:"ghost",isBlock:!0,size:"lg",onClick:o},a("onboarding.button.skip"))))},A=function(n){return C.object().shape({phone:C.string().required(n("onboarding.updatePhone.error")).default("")})},L=function(n){return C.object().shape({otp:C.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},R=v(D)(N||(N=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),u.mbDown),q=((M={})[w.Vietnam]="VN",M[w.Cambodia]="KH",M[w.Indonesia]="ID",M[w.Malaysia]="MY",M[w.PhilippinesEnglish]="PH",M[w.PhilippinesTagalog]="PH",M[w.Taiwan]="TW",M[w.Thailand]="TH",M[w.Myanmar]="MM",M),K=function(n){var o=n.onClose,a=n.onSubmit,s=n.canSkip,c=void 0===s||s,d=h().t,u=m({initialValues:{phone:""},validate:p(A(d))});return i.createElement(R,{heading:d("onboarding.updatePhone.heading"),description:d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:u.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(f,e({defaultCountry:q[process.env.UNIFY_LOCALE]||"VN"},u.getInputProps("phone"))),i.createElement(g.Error,null,u.errors.phone)),i.createElement(l,{color:"primary",isBlock:!0,size:"lg",type:"submit"},d("onboarding.button.continue")),c&&i.createElement(l,{color:"ghost",isBlock:!0,size:"lg",onClick:o},d("onboarding.button.skip"))))},W=v(D)(T||(T=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n"])),u.mbDown,u.mbDown),Y=function(n){var o=n.onSubmit,c=n.phone,d=n.onResendCode,u=n.otpError,b=a(30),f=b[0],E=b[1],v=S((function(){return E((function(n){return n-1}))}),1e3),w=h().t;s((function(){return v.start(),v.stop}),[]),s((function(){0===f&&v.stop()}),[f]);var P=m({initialValues:{otp:""},validate:p(L(w))});s((function(){u&&P.setFieldError("otp",u)}),[u]);return i.createElement(W,{heading:w("onboarding.otpForm.heading"),description:w("onboarding.otpForm.description",{phone:c.slice(0,-3).replace(/./g,"x").concat(c.slice(-3))})},i.createElement("form",{onSubmit:P.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return o(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(x,e({enterKeyHint:void 0,nonce:void 0},P.getInputProps("otp"))),i.createElement(g.Error,null,P.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(j,{size:"p4",color:k.colors.gray400},w("onboarding.otpForm.notReceiveOTP")),i.createElement(j,{as:"a",size:"p4",color:k.colors.primaryBase,onClick:function(){return t(void 0,void 0,void 0,(function(){return r(this,(function(n){switch(n.label){case 0:return E(30),[4,d(c)];case 1:return n.sent(),v.start(),[2]}}))}))}},w("onboarding.otpForm.resendCode",{seconds:f}))),i.createElement(l,{color:"primary",isBlock:!0,size:"lg",type:"submit"},w("onboarding.button.continue"))))},_=function(n){var o=n.onClose,t=n.onSubmit,r=n.canSkip,a=h().t,s=m({initialValues:{password:"",confirmPassword:""},validate:{confirmPassword:function(n,o){return n!==o.password?a("onboarding.errorMessage.passNotMatch"):null}}});return i.createElement(D,{heading:a("onboarding.updatePassword.heading"),description:a("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:s.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}))},i.createElement(y,e({label:a("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(I,null)},s.getInputProps("password"))),i.createElement(y,e({label:a("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(I,null)},s.getInputProps("confirmPassword"))),i.createElement(l,{color:"primary",isBlock:!0,size:"lg",type:"submit"},a("onboarding.button.continue")),r&&i.createElement(l,{color:"ghost",isBlock:!0,size:"lg",onClick:o},a("onboarding.button.skip"))))},$=v(E)(B||(B=n(["\n  .mantine-Modal-body {\n    display: flex;\n    height: 100%;\n    "," {\n      padding: 24px;\n    }\n  }\n"],["\n  .mantine-Modal-body {\n    display: flex;\n    height: 100%;\n    "," {\n      padding: 24px;\n    }\n  }\n"])),u.mbDown);v.div(O||(O=n(["\n  padding-top: 100px;\n  width: 60%;\n"],["\n  padding-top: 100px;\n  width: 60%;\n"]))),v.div(U||(U=n(["\n  width: 40%;\n  background-color: ",";\n"],["\n  width: 40%;\n  background-color: ",";\n"])),k.colors.blue100),function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.Email=2]="Email",n[n.UpdatePassword=3]="UpdatePassword"}(V||(V={}));var G=function(n){var s=n.onClose,m=n.canSkip,p=n.step,c=void 0===p?V.Phone:p,l=n.onPhoneSubmit,d=n.onOtpSubmit,u=n.onUpdateEmailSubmit,b=n.onUpdatePasswordSubmit,g=n.onResendCode,h=n.otpError,f=o(n,["onClose","canSkip","step","onPhoneSubmit","onOtpSubmit","onUpdateEmailSubmit","onUpdatePasswordSubmit","onResendCode","otpError"]),x=a(c),E=x[0],v=x[1],w=a(""),P=w[0],y=w[1];return i.createElement($,e({},f,{onClose:s,fullScreen:!0}),E===V.Phone&&i.createElement(K,{onClose:s,canSkip:m,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var o;return r(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),y(n),[4,null==l?void 0:l(n)];case 1:return e.sent(),v(V.OTP),[3,3];case 2:return o=e.sent(),console.error(o),[3,3];case 3:return[2]}}))}))}}),E===V.OTP&&i.createElement(Y,{onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var o;return r(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,d(n)];case 1:return e.sent(),[3,3];case 2:return o=e.sent(),console.error(o),[3,3];case 3:return[2]}}))}))},phone:P,onResendCode:g,otpError:h}),E===V.Email&&i.createElement(H,{onClose:s,canSkip:m,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){switch(o.label){case 0:return[4,null==u?void 0:u(n)];case 1:return o.sent(),v(V.UpdatePassword),[2]}}))}))}}),E===V.UpdatePassword&&i.createElement(_,{onClose:s,canSkip:m,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){switch(o.label){case 0:return[4,null==b?void 0:b(n)];case 1:return o.sent(),s(),[2]}}))}))}}))};export{q as MAPPED_LOCALE,K as OnboardingForm,G as OnboardingModal,Y as OtpForm};

package/build/esm/pwg.js

@@ -1 +1 @@
-import{_ as e,b as n,c as t}from"./tslib.es6-a524ba6f.js";import r,{useMemo as a,useState as l,useRef as i}from"react";import{T as o}from"./index-1280b5de.js";import{P as c}from"./index-77c3f032.js";import{u as s}from"./useTranslations-70018531.js";import{t as d}from"./theme-2e439737.js";import{ResponsiveContainer as p,AreaChart as m,CartesianGrid as u,Tooltip as g,XAxis as f,YAxis as x,Area as h,ReferenceDot as b}from"recharts";import{C as y}from"./index-4c0d9335.js";import{u as v}from"./useOutsideClick-8c0fc0d2.js";import w from"styled-components";import"./Locale-7dc81f08.js";import"./gAssets.js";import"./index-10c55e59.js";import"./isProduction-a1bfc584.js";import"./index-3605f6a7.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-59e4e118.js";import"string-format";var k,E,j,W,B=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,i=n.activeWeek,o=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===i?{toolTipLabel:a,translatedStatus:o,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:d.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},T=w.div(k||(k=n(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),d.colors.yellow600),z=w.div(E||(E=n(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),C=w.div(j||(j=n(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),S=[{name:"overweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"underweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"healthy",backgroundColor:d.colors.green50,color:d.colors.green900}],N=function(e){var n,t,l,i,c,s=e.payload,p=e.active,m=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!m||!m.toolTipLabel||!p)return null;var u=a((function(){return S.find((function(e){return e.name===m.status}))}),[null==m?void 0:m.status]),g=u.backgroundColor,f=u.color;return r.createElement(T,null,r.createElement("div",null,null===(t=m.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=m.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(i=m.toolTipLabel)||void 0===i?void 0:i[2])&&r.createElement(o,{as:"span",size:"s3",color:d.colors.gray800,type:"semiBold"},null===(c=m.toolTipLabel)||void 0===c?void 0:c[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(o,{size:"n1",color:f},m.translatedStatus))))},I=function(n){var t=n.weightBefore,c=n.weightByWeek,w=n.activeWeek,k=n.currentWeight,E=n.toolTipLabel,j=void 0===E?[]:E,W=n.status,T=n.withLine,C=void 0!==T&&T,S=s().t,I=a((function(){return B({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:W,activeWeek:w,t:S})}),[c,t,j,W,w]),M=l(!1),A=M[0],P=M[1],F=i(null);return v(F,(function(){return P(!1)})),r.createElement(z,null,r.createElement(o,{size:"n1",color:d.colors.gray500},S("babyGrowth.weight")," ",S("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(z,null,r.createElement(p,{height:388,className:"chart"},r.createElement(m,{data:I,margin:{top:16,right:0,left:0}},r.createElement(u,{stroke:d.colors.neutral100}),r.createElement(g,{trigger:"click",content:function(n){return r.createElement(N,e({active:!C&&A&&void 0!==w&&void 0!==k},n))}}),r.createElement(f,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:w}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(x,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:d.colors.gray600}}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:d.colors.blue100}),void 0!==w&&void 0!==k&&r.createElement(b,{onClick:function(){return P(!0)},x:0===w?1:w,y:k,r:4,shape:r.createElement(y,{ref:F,r:4}),fill:d.colors.primaryBase,stroke:d.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),r.createElement(o,{size:"n1",color:d.colors.gray500},S("pregnancy.week")))))},M=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||d.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=s().t;return r.createElement(C,null,r.createElement("div",null,r.createElement(M,{color:d.colors.blue100}),r.createElement(o,{size:"n1",color:d.colors.gray600},r.createElement(o,{size:"n1",as:"span"},t("pregnancyTool.weightSuggested")," "),r.createElement(o,{size:"n1",color:d.colors.gray800,type:"bold",as:"span"},n))),r.createElement("div",null,r.createElement(M,null),r.createElement(o,{size:"n1",color:d.colors.gray600},t("pwg.placeholder.weight"))))},P=w.div(W||(W=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),d.colors.neutral100),F=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,i=n.description,p=s().t;return r.createElement(P,null,r.createElement("div",{className:"chart-header"},r.createElement(o,{size:"s1",type:"semiBold",color:d.colors.gray800},p("pregnancyTool.weightSuggested")),i&&i),r.createElement(c,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l}),r.createElement(I,e({},t))))};export{F as PregnancyWeightGainChart};
+import{_ as e,b as n,c as t}from"./tslib.es6-fadb9c12.js";import r,{useMemo as a,useState as l,useRef as i}from"react";import{T as o}from"./index-14dd1cb0.js";import{P as c}from"./index-6b93771b.js";import{u as s}from"./useTranslations-e6fb70cc.js";import{t as d}from"./theme-68f5ce17.js";import{ResponsiveContainer as p,AreaChart as m,CartesianGrid as u,Tooltip as g,XAxis as f,YAxis as x,Area as b,ReferenceDot as h}from"recharts";import{C as y}from"./index-b0b8ed44.js";import{u as v}from"./useOutsideClick-e0cb97b8.js";import w from"styled-components";import"./Locale-4f277ebd.js";import"./gAssets.js";import"./index-2150a2c4.js";import"./isProduction-bb99fd7e.js";import"./index-36a31dfe.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-0d9f3e1e.js";import"string-format";var k,E,j,W,B=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,i=n.activeWeek,o=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===i?{toolTipLabel:a,translatedStatus:o,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:d.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},T=w.div(k||(k=n(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),d.colors.yellow600),z=w.div(E||(E=n(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),C=w.div(j||(j=n(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),S=[{name:"overweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"underweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"healthy",backgroundColor:d.colors.green50,color:d.colors.green900}],N=function(e){var n,t,l,i,c,s=e.payload,p=e.active,m=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!m||!m.toolTipLabel||!p)return null;var u=a((function(){return S.find((function(e){return e.name===m.status}))}),[null==m?void 0:m.status]),g=u.backgroundColor,f=u.color;return r.createElement(T,null,r.createElement("div",null,null===(t=m.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=m.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(i=m.toolTipLabel)||void 0===i?void 0:i[2])&&r.createElement(o,{as:"span",size:"s3",color:d.colors.gray800,type:"semiBold"},null===(c=m.toolTipLabel)||void 0===c?void 0:c[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(o,{size:"n1",color:f},m.translatedStatus))))},I=function(n){var t=n.weightBefore,c=n.weightByWeek,w=n.activeWeek,k=n.currentWeight,E=n.toolTipLabel,j=void 0===E?[]:E,W=n.status,T=n.withLine,C=void 0!==T&&T,S=s().t,I=a((function(){return B({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:W,activeWeek:w,t:S})}),[c,t,j,W,w]),M=l(!1),A=M[0],P=M[1],F=i(null);return v(F,(function(){return P(!1)})),r.createElement(z,null,r.createElement(o,{size:"n1",color:d.colors.gray500},S("babyGrowth.weight")," ",S("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(z,null,r.createElement(p,{height:388,className:"chart"},r.createElement(m,{data:I,margin:{top:16,right:0,left:0}},r.createElement(u,{stroke:d.colors.neutral100}),r.createElement(g,{trigger:"click",content:function(n){return r.createElement(N,e({active:!C&&A&&void 0!==w&&void 0!==k},n))}}),r.createElement(f,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:w}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(x,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:d.colors.gray600}}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:d.colors.blue100}),void 0!==w&&void 0!==k&&r.createElement(h,{onClick:function(){return P(!0)},x:0===w?1:w,y:k,r:4,shape:r.createElement(y,{ref:F,r:4}),fill:d.colors.primaryBase,stroke:d.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),r.createElement(o,{size:"n1",color:d.colors.gray500},S("pregnancy.week")))))},M=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||d.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=s().t;return r.createElement(C,null,r.createElement("div",null,r.createElement(M,{color:d.colors.blue100}),r.createElement(o,{size:"n1",color:d.colors.gray600},r.createElement(o,{size:"n1",as:"span"},t("pregnancyTool.weightSuggested")," "),r.createElement(o,{size:"n1",color:d.colors.gray800,type:"bold",as:"span"},n))),r.createElement("div",null,r.createElement(M,null),r.createElement(o,{size:"n1",color:d.colors.gray600},t("pwg.placeholder.weight"))))},P=w.div(W||(W=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),d.colors.neutral100),F=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,i=n.description,p=s().t;return r.createElement(P,null,r.createElement("div",{className:"chart-header"},r.createElement(o,{size:"s1",type:"semiBold",color:d.colors.gray800},p("pregnancyTool.weightSuggested")),i&&i),r.createElement(c,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l}),r.createElement(I,e({},t))))};export{F as PregnancyWeightGainChart};

package/build/esm/routing-e540d958.js

@@ -0,0 +1 @@
+import{d as t}from"./index-2150a2c4.js";import{i as o}from"./isProduction-bb99fd7e.js";var c=function(c,n){var a="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return a?"http://localhost:3000":"https://".concat(!a&&!o?n?"fe.":"discover.":n?"www.":"").concat(t[n?"vi-VN_MB":c])},n=function(c,n){return"https://".concat(o?"id.":"staging-id.").concat(t[n?"vi-VN_MB":c])},a=function(){return"https://".concat(o?"together.":"staging-together.","hellohealthgroup.com")},e=function(c){return"https://".concat(o?"wp.":"staging.").concat(t[c])},r=function(){return"https://".concat(o?"health-care.":"service-health-care.","hellohealthgroup.com")};export{n as a,a as b,e as c,r as d,c as g};

package/build/esm/{screenSizeContext-95e8df56.js → screenSizeContext-937c4ea3.js}

@@ -1 +1 @@
-import{b as n,_ as t}from"./tslib.es6-a524ba6f.js";import{keyframes as r}from"styled-components";import i,{createContext as a,useState as s,useEffect as o,useMemo as e}from"react";import l from"lodash/throttle";import{B as d}from"./utils-5d2ce7ce.js";var f,m,v,b,y,c,h,u,_,E=r(f||(f=n(["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"]))),p=r(m||(m=n(["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),w=r(v||(v=n(["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),B=r(b||(b=n(["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),I=r(y||(y=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"]))),A=r(c||(c=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"]))),L=r(h||(h=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"]))),O=r(u||(u=n(["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"],["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]))),T=r(_||(_=n(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"],["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]))),P=a({isInit:!0}),K=function(n){var t=function(n){return"number"==typeof n?n:"undefined"!=typeof window&&window.innerWidth||0}(n);return{smallMobile:t<d.BREAK_POINT_SMALL_MOBILE,mobile:t>=d.BREAK_POINT_SMALL_MOBILE&&t<d.BREAK_POINT_MOBILE,tablet:t>=d.BREAK_POINT_MOBILE&&t<d.BREAK_POINT_TABLET,pc:t>=d.BREAK_POINT_TABLET&&t<d.BREAK_POINT_PC,xl:t>=d.BREAK_POINT_PC}},N=function(n){var r=n.children,a=s((function(){return{isInit:!0}})),d=a[0],f=a[1];o((function(){var n=l((function(){f({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",n,{passive:!0}),function(){window.removeEventListener("resize",n)}}),[]);var m=e((function(){return K(d.width)}),[d.width]);return i.createElement(P.Provider,{value:t(t({},d),{sizeGroups:m})},r)};export{P as S,p as a,w as b,B as c,O as d,I as e,A as f,L as g,T as h,K as i,N as j,E as s};
+import{b as n,_ as t}from"./tslib.es6-fadb9c12.js";import{keyframes as r}from"styled-components";import i,{createContext as a,useState as s,useEffect as o,useMemo as e}from"react";import l from"lodash/throttle";import{B as d}from"./utils-e92449ef.js";var f,m,v,b,y,h,c,u,_,E=r(f||(f=n(["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 100%, 0);\n  visibility: visible;\n}\n\nto {\n  transform: translate3d(0, 0, 0);\n}\n"]))),p=r(m||(m=n(["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\nfrom {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),w=r(v||(v=n(["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),B=r(b||(b=n(["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"],["\n from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]))),I=r(y||(y=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(0, 100%, 0);\n}\n"]))),A=r(h||(h=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(-100%, 0, 0);\n}\n"]))),L=r(c||(c=n(["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"],["\nfrom {\n  transform: translate3d(0, 0, 0);\n}\n\nto {\n  visibility: hidden;\n  transform: translate3d(100%, 0, 0);\n}\n"]))),O=r(u||(u=n(["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"],["\n from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]))),T=r(_||(_=n(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"],["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]))),P=a({isInit:!0}),K=function(n){var t=function(n){return"number"==typeof n?n:"undefined"!=typeof window&&window.innerWidth||0}(n);return{smallMobile:t<d.BREAK_POINT_SMALL_MOBILE,mobile:t>=d.BREAK_POINT_SMALL_MOBILE&&t<d.BREAK_POINT_MOBILE,tablet:t>=d.BREAK_POINT_MOBILE&&t<d.BREAK_POINT_TABLET,pc:t>=d.BREAK_POINT_TABLET&&t<d.BREAK_POINT_PC,xl:t>=d.BREAK_POINT_PC}},N=function(n){var r=n.children,a=s((function(){return{isInit:!0}})),d=a[0],f=a[1];o((function(){var n=l((function(){f({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",n,{passive:!0}),function(){window.removeEventListener("resize",n)}}),[]);var m=e((function(){return K(d.width)}),[d.width]);return i.createElement(P.Provider,{value:t(t({},d),{sizeGroups:m})},r)};export{P as S,p as a,w as b,B as c,O as d,I as e,A as f,L as g,T as h,K as i,N as j,E as s};

package/build/esm/together.js

@@ -1 +1 @@
-export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-faa5fa36.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-415b03a0.js";import"react";import"./index-1280b5de.js";import"./tslib.es6-a524ba6f.js";import"./translationsContext-59e4e118.js";import"string-format";import"./index-c5c2bdd2.js";import"./index-b5d4033a.js";import"./index.styled-27b27129.js";import"styled-components";import"./utils-5d2ce7ce.js";import"./useTranslations-70018531.js";import"innertext";import"./theme-2e439737.js";import"./index-06216c88.js";import"./index.styled-6d04577f.js";import"lodash/debounce";import"react-contenteditable";import"./gAssets.js";import"./index-10c55e59.js";import"./Locale-7dc81f08.js";import"./isProduction-a1bfc584.js";import"./cookieHelper-a43edf59.js";import"react-dom";import"@mantine/core";import"dayjs";import"dayjs/plugin/relativeTime";import"./lazyLoad-ded2ce19.js";import"vanilla-lazyload";import"./defaultClassWrapper-f5fae450.js";import"slugify";
+export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-88a97255.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-cd7d5c8f.js";import"react";import"./index-14dd1cb0.js";import"./tslib.es6-fadb9c12.js";import"./translationsContext-0d9f3e1e.js";import"string-format";import"./index-e609a9ca.js";import"./index-870ebb00.js";import"./index.styled-f2fd49cc.js";import"styled-components";import"./utils-e92449ef.js";import"./useTranslations-e6fb70cc.js";import"innertext";import"./theme-68f5ce17.js";import"./index-b4f5ea24.js";import"./index.styled-ab3046c2.js";import"lodash/debounce";import"react-contenteditable";import"./gAssets.js";import"./index-2150a2c4.js";import"./Locale-4f277ebd.js";import"./isProduction-bb99fd7e.js";import"./cookieHelper-4533e632.js";import"react-dom";import"@mantine/core";import"dayjs";import"dayjs/plugin/relativeTime";import"./lazyLoad-f04d39bc.js";import"vanilla-lazyload";import"./defaultClassWrapper-5d7a63b2.js";import"slugify";