@hhgtech/hhg-components 1.23.26 → 1.23.27

package/build/esm/{index-ed3c230e.js → index-1f8fcdfe.js}

@@ -1 +1 @@
-import{c as a,_ as e}from"./tslib.es6-6cfb2967.js";import t from"react";var r="wIj6fkD",o=function(o){var s=o.size,c=void 0===s?"base":s,d=o.type,n=void 0===d?"regular":d,i=o.className,l=o.style,p=o.children,v=o.color,m=o.dataEventCategory,y=o.dataEventAction,E=o.dataEventLabel,b=o.as,f=void 0===b?"p":b,u=o.wordWrap,w=o.isUppercase,g=a(o,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]),z=f;return t.createElement(z,e({"data-size":c,"data-type":n,style:e(e({},l),v?{"--custom-color":v}:void 0),className:"".concat(r," ").concat(i||""),"data-event-category":m,"data-event-action":y,"data-event-label":E,"data-word-wrap":u,"data-is-uppercase":w},g),p)};export{o as T};
+import{c as a,_ as e}from"./tslib.es6-c9a7c23e.js";import t from"react";var r="wIj6fkD",o=function(o){var s=o.size,c=void 0===s?"base":s,d=o.type,n=void 0===d?"regular":d,i=o.className,l=o.style,p=o.children,v=o.color,m=o.dataEventCategory,y=o.dataEventAction,E=o.dataEventLabel,b=o.as,u=void 0===b?"p":b,w=o.wordWrap,f=o.isUppercase,g=a(o,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]),z=u;return t.createElement(z,e({"data-size":c,"data-type":n,style:e(e({},l),v?{"--custom-color":v}:void 0),className:"".concat(r," ").concat(i||""),"data-event-category":m,"data-event-action":y,"data-event-label":E,"data-word-wrap":w,"data-is-uppercase":f},g),p)};export{o as T};

package/build/esm/{index-62967c58.js → index-3839d794.js}

@@ -1 +1 @@
-import{c as e,_ as t}from"./tslib.es6-6cfb2967.js";import r from"react";import{e as a,f as o}from"./index-a8fc92f2.js";var l=function(o){var l=o.type,s=o.color,c=o.style,n=e(o,["type","color","style"]);return r.createElement(a,t({type:l,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[l],style:t(t({},s&&{"--text-color":s}),c)},n))},s=function(a){var l=a.type,s=a.color,c=a.style,n=e(a,["type","color","style"]);return r.createElement(o,t({"data-type":l,style:t(t({},c),s&&{"--text-color":s})},n))};export{s as M,l as a};
+import{c as e,_ as t}from"./tslib.es6-c9a7c23e.js";import r from"react";import{e as a,f as o}from"./index-95e82100.js";var l=function(o){var l=o.type,s=o.color,c=o.style,n=e(o,["type","color","style"]);return r.createElement(a,t({type:l,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[l],style:t(t({},s&&{"--text-color":s}),c)},n))},s=function(a){var l=a.type,s=a.color,c=a.style,n=e(a,["type","color","style"]);return r.createElement(o,t({"data-type":l,style:t(t({},c),s&&{"--text-color":s})},n))};export{s as M,l as a};

package/build/esm/{index-fba56a44.js → index-71b6f82f.js}

@@ -1 +1 @@
-import{G as r,B as t,a as e,b as a,L as o}from"./Locale-88844aa4.js";var n=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return o}});export{n as i};
+import{G as r,B as t,a as e,b as a,L as o}from"./Locale-afb94d20.js";var n=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return o}});export{n as i};

package/build/esm/{index-b8f3f9f2.js → index-78b49214.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-6cfb2967.js";import t,{forwardRef as r}from"react";var a=r((function(r,a){return t.createElement("circle",e({},r,{ref:a}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));export{a as C};
+import{_ as e}from"./tslib.es6-c9a7c23e.js";import t,{forwardRef as r}from"react";var a=r((function(r,a){return t.createElement("circle",e({},r,{ref:a}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));export{a as C};

package/build/esm/{index-370ed8d6.js → index-7d123d0d.js}

@@ -1 +1 @@
-import{_ as e,c as a}from"./tslib.es6-6cfb2967.js";import t,{useState as n,useEffect as r,forwardRef as o}from"react";import{createEmotionCache as i,FileInput as s,NumberInput as l,PasswordInput as m,TextInput as u}from"@mantine/core";import{useDebouncedValue as c}from"@mantine/hooks";import{L as d}from"./Locale-88844aa4.js";import{CommonGAssets as Y}from"./gAssets.js";var p,f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function g(e){var a={exports:{}};return e(a,a.exports),a.exports}var v=300,M=i({key:"mantine",prepend:!1}),D=((p={})[d.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},p[d.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},p[d.India]={dateFormat:"DD/MM/YYYY",separator:"."},p[d.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},p[d.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},p[d.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},p[d.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},p[d.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},p[d.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},p[d.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},p),h=Y.getAssetPath("EyeVisible.svg"),y=Y.getAssetPath("EyeHidden.svg"),b=o((function(n,r){var o=n.size,i=void 0===o?"md":o,s=n.visibilityToggleIcon,l=n.styles,u=a(n,["size","visibilityToggleIcon","styles"]),c=s||function(e){var a=e.reveal,n=e.size;return a?t.createElement("img",{src:h,width:n}):t.createElement("img",{src:y,width:n})};return t.createElement(m,e({ref:r,size:i,visibilityToggleIcon:c,styles:e({rightSection:{pointerEvents:"initial"}},l)},u,{className:"input-control ".concat((null==u?void 0:u.className)||"")}))})),F=function(o){var i=o.value,s=o.onChange,l=a(o,["value","onChange"]),m=n(i||""),d=m[0],Y=m[1],p=c(d,300)[0];return r((function(){null==s||s(p)}),[p]),r((function(){Y(i)}),[i]),t.createElement(u,e({size:"md",onChange:function(e){return Y(e.currentTarget.value)},value:d},l,{className:"input-control ".concat((null==l?void 0:l.className)||"")}))};F.File=function(a){return t.createElement(s,e({size:"md"},a))},F.Password=b,F.Number=function(o){var i=o.value,s=o.onChange,m=a(o,["value","onChange"]),u=n(i||0),d=u[0],Y=u[1],p=c(d,300)[0];return r((function(){null==s||s(p)}),[p]),r((function(){Y(i)}),[i]),t.createElement(l,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:Y,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:d},m))};export{v as D,F as I,b as P,f as a,D as b,g as c,M as e};
+import{_ as e,c as a}from"./tslib.es6-c9a7c23e.js";import t,{useState as n,useEffect as r,forwardRef as o}from"react";import{createEmotionCache as i,FileInput as s,NumberInput as l,PasswordInput as m,TextInput as u}from"@mantine/core";import{useDebouncedValue as c}from"@mantine/hooks";import{L as d}from"./Locale-afb94d20.js";import{CommonGAssets as Y}from"./gAssets.js";var p,f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function g(e){var a={exports:{}};return e(a,a.exports),a.exports}var v=300,M=i({key:"mantine",prepend:!1}),D=((p={})[d.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},p[d.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},p[d.India]={dateFormat:"DD/MM/YYYY",separator:"."},p[d.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},p[d.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},p[d.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},p[d.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},p[d.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},p[d.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},p[d.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},p),h=Y.getAssetPath("EyeVisible.svg"),y=Y.getAssetPath("EyeHidden.svg"),b=o((function(n,r){var o=n.size,i=void 0===o?"md":o,s=n.visibilityToggleIcon,l=n.styles,u=a(n,["size","visibilityToggleIcon","styles"]),c=s||function(e){var a=e.reveal,n=e.size;return a?t.createElement("img",{src:h,width:n}):t.createElement("img",{src:y,width:n})};return t.createElement(m,e({ref:r,size:i,visibilityToggleIcon:c,styles:e({rightSection:{pointerEvents:"initial"}},l)},u,{className:"input-control ".concat((null==u?void 0:u.className)||"")}))})),F=function(o){var i=o.value,s=o.onChange,l=a(o,["value","onChange"]),m=n(i||""),d=m[0],Y=m[1],p=c(d,300)[0];return r((function(){null==s||s(p)}),[p]),r((function(){Y(i)}),[i]),t.createElement(u,e({size:"md",onChange:function(e){return Y(e.currentTarget.value)},value:d},l,{className:"input-control ".concat((null==l?void 0:l.className)||"")}))};F.File=function(a){return t.createElement(s,e({size:"md"},a))},F.Password=b,F.Number=function(o){var i=o.value,s=o.onChange,m=a(o,["value","onChange"]),u=n(i||0),d=u[0],Y=u[1],p=c(d,300)[0];return r((function(){null==s||s(p)}),[p]),r((function(){Y(i)}),[i]),t.createElement(l,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:Y,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:d},m))};export{v as D,F as I,b as P,f as a,D as b,g as c,M as e};

package/build/esm/{index-05db2063.js → index-81aca9e7.js}

@@ -1 +1 @@
-import n from"react";import{a as e,b as o}from"./FullScreen-a53bafcd.js";import{u as a}from"./useTranslations-9913e9ed.js";import{b as t,_ as r}from"./tslib.es6-6cfb2967.js";import i from"styled-components";var d,s,l,p,c,x,u=function(o){var a=o.type,t=void 0===a?"solid":a,r=o.className,i=o.style;return n.createElement(e,{style:i,className:r,"data-diver-type":t,dividerType:t})},g=function(e){var a=e.label,t=e.name,r=e.checked,i=e.className,d=e.isDisabled,s=e.onChange,l=e.value,p=e.isRectangle,c=e.inputDataTestId,x=e.siteType;return n.createElement(o,{className:i,"data-disabled":d||void 0,"data-is-rectangle":p||void 0,"data-label-text":a,"data-theme":x},n.createElement("input",{type:"checkbox",checked:r,name:t,onChange:function(){return s(l,!r)},disabled:d,value:l,id:"".concat(t,"-").concat(l),"data-label-text":a,"data-testid":c}),!p&&n.createElement("label",{htmlFor:"".concat(t,"-").concat(l)},a))},b="U9NRDG6",h={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},m=function(e){var o=e.role,t=e.title,r=a().t,i=o?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(o):"";return i&&h[i]?n.createElement("div",{className:b,"data-label-type":i},t||r(h[i])):null},v=i.div(d||(d=t(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),f=i.div(s||(s=t(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),w=i.ul(l||(l=t(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),k=i.li(p||(p=t(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),y=i.div(c||(c=t(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),E=i.div(x||(x=t(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"]))),C=function(e){var o=e.className,a=e.value,t=e.options,i=e.onChange,d=void 0===i?function(){}:i,s=e.id,l=e.placeholderIcon,p=e.placeholder,c=e.style,x=e.size,u=void 0===x?"lg":x,g=e.groupedWithLabel,b=e.disabled,h=e.dropdownLabelTrackingAttributes,m=void 0===h?{}:h,C=e.isNativeSelect,z=void 0!==C&&C,A=n.useState(!1),L=A[0],N=A[1],j=function(){return!b&&N(!L)};return z?n.createElement(v,{as:"select","data-is-native":"true",value:(null==a?void 0:a.value)||void 0,disabled:b,onChange:function(n){if("string"==typeof n.target.value){var e=t.find((function(e){return e.value===n.target.value}));e&&d(e)}}},p&&n.createElement("option",{value:p,disabled:!0,selected:!0},p),t.map((function(e){return n.createElement("option",{key:"".concat(s,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):n.createElement(v,{className:o,"data-dropdown-open":L||void 0,"data-size":u,id:s,"data-has-icons":!!l,style:c,onBlur:function(){return N(!1)},tabIndex:0,"data-disabled":b},!!g&&n.createElement(E,null,g),n.createElement(f,r({onClick:j,className:g&&"with-label"},m),l," ",n.createElement("span",null,a&&a.value?a.label:p)),L&&n.createElement(w,{onClick:j,"data-has-icons":!!l},t.map((function(e){return n.createElement(k,{key:"".concat(s,"-").concat(e.value),"data-selected":a&&a.value===e.value||void 0,onClick:function(){return!e.disabled&&!b&&(null==d?void 0:d(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&n.createElement(y,null,e.icon),e.label)}))))};export{m as A,g as C,u as D,C as a};
+import n from"react";import{a as e,b as o}from"./FullScreen-f1d75a14.js";import{u as a}from"./useTranslations-73d47260.js";import{b as t,_ as r}from"./tslib.es6-c9a7c23e.js";import i from"styled-components";var d,s,l,p,c,x,u=function(o){var a=o.type,t=void 0===a?"solid":a,r=o.className,i=o.style;return n.createElement(e,{style:i,className:r,"data-diver-type":t,dividerType:t})},g=function(e){var a=e.label,t=e.name,r=e.checked,i=e.className,d=e.isDisabled,s=e.onChange,l=e.value,p=e.isRectangle,c=e.inputDataTestId,x=e.siteType;return n.createElement(o,{className:i,"data-disabled":d||void 0,"data-is-rectangle":p||void 0,"data-label-text":a,"data-theme":x},n.createElement("input",{type:"checkbox",checked:r,name:t,onChange:function(){return s(l,!r)},disabled:d,value:l,id:"".concat(t,"-").concat(l),"data-label-text":a,"data-testid":c}),!p&&n.createElement("label",{htmlFor:"".concat(t,"-").concat(l)},a))},b="U9NRDG6",h={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},m=function(e){var o=e.role,t=e.title,r=a().t,i=o?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(o):"";return i&&h[i]?n.createElement("div",{className:b,"data-label-type":i},t||r(h[i])):null},v=i.div(d||(d=t(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),f=i.div(s||(s=t(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),w=i.ul(l||(l=t(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),k=i.li(p||(p=t(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),y=i.div(c||(c=t(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),E=i.div(x||(x=t(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"]))),C=function(e){var o=e.className,a=e.value,t=e.options,i=e.onChange,d=void 0===i?function(){}:i,s=e.id,l=e.placeholderIcon,p=e.placeholder,c=e.style,x=e.size,u=void 0===x?"lg":x,g=e.groupedWithLabel,b=e.disabled,h=e.dropdownLabelTrackingAttributes,m=void 0===h?{}:h,C=e.isNativeSelect,z=void 0!==C&&C,A=n.useState(!1),L=A[0],N=A[1],j=function(){return!b&&N(!L)};return z?n.createElement(v,{as:"select","data-is-native":"true",value:(null==a?void 0:a.value)||void 0,disabled:b,onChange:function(n){if("string"==typeof n.target.value){var e=t.find((function(e){return e.value===n.target.value}));e&&d(e)}}},p&&n.createElement("option",{value:p,disabled:!0,selected:!0},p),t.map((function(e){return n.createElement("option",{key:"".concat(s,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):n.createElement(v,{className:o,"data-dropdown-open":L||void 0,"data-size":u,id:s,"data-has-icons":!!l,style:c,onBlur:function(){return N(!1)},tabIndex:0,"data-disabled":b},!!g&&n.createElement(E,null,g),n.createElement(f,r({onClick:j,className:g&&"with-label"},m),l," ",n.createElement("span",null,a&&a.value?a.label:p)),L&&n.createElement(w,{onClick:j,"data-has-icons":!!l},t.map((function(e){return n.createElement(k,{key:"".concat(s,"-").concat(e.value),"data-selected":a&&a.value===e.value||void 0,onClick:function(){return!e.disabled&&!b&&(null==d?void 0:d(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&n.createElement(y,null,e.icon),e.label)}))))};export{m as A,g as C,u as D,C as a};

package/build/esm/{index-1060de59.js → index-873e7843.js}

@@ -1,4 +1,4 @@
-import{c as n,_ as e,b as t}from"./tslib.es6-6cfb2967.js";import r,{forwardRef as a,useState as o,useEffect as i,useRef as l,useCallback as c,useImperativeHandle as s}from"react";import*as u from"react-phone-number-input";import d from"react-phone-number-input";import{P as m,a as p,I as f,b as g,c as h,M as v,d as b,T as y,V as x,C}from"./Vietnam-54990056.js";import{s as w}from"./index-18ce007c.js";import{Image as k,Textarea as S,Modal as E,Accordion as j,Indicator as A,Avatar as I,Checkbox as P,Slider as M,Radio as D,Switch as N,Flex as z}from"@mantine/core";import{CommonGAssets as R}from"./gAssets.js";import{DatePicker as B,DateRangePicker as T}from"@mantine/dates";import F,{css as L}from"styled-components";import"dayjs";import"./screenSizeContext-72e49c84.js";import"./lazyLoad-c6192ef8.js";import{t as V}from"./theme-94abc8f2.js";import"./utils-0edcab9b.js";import"./isProduction-fa68eb64.js";import{L as W}from"./Locale-88844aa4.js";import{Carousel as O}from"@mantine/carousel";import{g as G}from"./defaultClassWrapper-dd6e3935.js";import{c as H,b as U}from"./index-370ed8d6.js";
+import{c as n,_ as e,b as t}from"./tslib.es6-c9a7c23e.js";import r,{forwardRef as a,useState as o,useEffect as i,useRef as l,useCallback as c,useImperativeHandle as s}from"react";import*as u from"react-phone-number-input";import d from"react-phone-number-input";import{P as m,a as p,I as f,b as g,c as h,M as v,d as b,T as y,V as x,C}from"./Vietnam-08f566d4.js";import{s as w}from"./index-0294b5d6.js";import{Image as k,Textarea as S,Modal as E,Accordion as j,Indicator as A,Avatar as I,Checkbox as P,Slider as M,Radio as D,Switch as N,Flex as z}from"@mantine/core";import{CommonGAssets as R}from"./gAssets.js";import{DatePicker as B,DateRangePicker as T}from"@mantine/dates";import F,{css as L}from"styled-components";import"dayjs";import"./screenSizeContext-55148a9f.js";import"./lazyLoad-d51f2677.js";import{t as V}from"./theme-195c5e3c.js";import"./utils-66873c06.js";import"./isProduction-16d3d44d.js";import{L as W}from"./Locale-afb94d20.js";import{Carousel as O}from"@mantine/carousel";import{g as G}from"./defaultClassWrapper-db329e7c.js";import{c as H,b as U}from"./index-7d123d0d.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/build/esm/{index-a8fc92f2.js → index-95e82100.js}

@@ -1 +1 @@
-import{b as n,c as t}from"./tslib.es6-6cfb2967.js";import{M as e}from"./utils-0edcab9b.js";import o from"styled-components";import a,{memo as i,useMemo as h}from"react";import{CommonGAssets as l}from"./gAssets.js";import{L as s}from"./Locale-88844aa4.js";var p,g,r,x,d=o.div(p||(p=n(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),e.mbDown),c=o.img(g||(g=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=i((function(n){var t=n.type,e=n.width,o=n.height,i=h((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:o||"24px",src:l.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:o||"27px",src:l.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:o||"24px",src:l.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:o||"24px",src:l.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:o||"24px",src:l.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:o||"24px",src:l.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:o||"24px",src:l.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:o||"24px",src:l.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:o||"57px",src:l.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:o||"28px",src:l.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,o])||{},s=i.src,p=i.width,g=i.height;return a.createElement("img",{className:"main-logo-icon",src:s,style:{width:p,height:g}})})),f=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},u={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},y=[s.Vietnam,s.Taiwan,s.Indonesia,s.Malaysia],w=function(n){var t=n.getFullYear(),e=u[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var i=new Date(o);return i.setDate(o.getDate()+5),a<=n&&n<=i},b=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},z=o((function(n){var e=n.type,o=t(n,["type"]);return a.createElement(e,o)}))(r||(r=n(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),v=o.p(x||(x=n(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),A="d76E4SH",P=function(n){var t=n.children,e=n.className,o=n.style,i=n.type;return a.createElement("div",{className:"".concat(A," ").concat(e||""),style:o,"data-type":i},t)};export{P as C,y as L,d as S,w as a,b,m as c,c as d,z as e,v as f,f as i};
+import{b as n,c as t}from"./tslib.es6-c9a7c23e.js";import{M as e}from"./utils-66873c06.js";import o from"styled-components";import a,{memo as i,useMemo as h}from"react";import{CommonGAssets as l}from"./gAssets.js";import{L as s}from"./Locale-afb94d20.js";var p,g,r,x,d=o.div(p||(p=n(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),e.mbDown),c=o.img(g||(g=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=i((function(n){var t=n.type,e=n.width,o=n.height,i=h((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:o||"24px",src:l.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:o||"27px",src:l.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:o||"24px",src:l.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:o||"24px",src:l.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:o||"24px",src:l.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:o||"24px",src:l.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:o||"24px",src:l.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:o||"24px",src:l.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:o||"57px",src:l.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:o||"28px",src:l.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,o])||{},s=i.src,p=i.width,g=i.height;return a.createElement("img",{className:"main-logo-icon",src:s,style:{width:p,height:g}})})),f=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},u={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},y=[s.Vietnam,s.Taiwan,s.Indonesia,s.Malaysia],w=function(n){var t=n.getFullYear(),e=u[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var i=new Date(o);return i.setDate(o.getDate()+5),a<=n&&n<=i},b=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},z=o((function(n){var e=n.type,o=t(n,["type"]);return a.createElement(e,o)}))(r||(r=n(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),v=o.p(x||(x=n(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),A="d76E4SH",P=function(n){var t=n.children,e=n.className,o=n.style,i=n.type;return a.createElement("div",{className:"".concat(A," ").concat(e||""),style:o,"data-type":i},t)};export{P as C,y as L,d as S,w as a,b,m as c,c as d,z as e,v as f,f as i};