@hhgtech/hhg-components 1.23.29 → 1.23.30

package/build/esm/{index-c685077b.js → index-5a55edb7.js}

@@ -1 +1 @@
-import{c as a,_ as e}from"./tslib.es6-c0530c86.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};
+import{c as a,_ as e}from"./tslib.es6-0106f0dc.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};

package/build/esm/{index-527b8cad.js → index-6b7f813b.js}

@@ -1 +1 @@
-import{b as n,c as e,_ as r}from"./tslib.es6-c0530c86.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-a74bf299.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-d063cb60.js";import{T as a}from"./index-c685077b.js";import s from"styled-components";import{C as d}from"./index-b6cd819a.js";var p,u,m,x,b,g=s.div(p||(p=n(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.backgroundColor||c.colors.white}),(function(n){return n.borderRadius||"50%"}),(function(n){return n.iconSize}),(function(n){return n.iconSize})),h=s.div(u||(u=n(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.pink100})),f=[t.Myanmar,t.Taiwan],w=s((function(n){var t=n.icon,s=n.name,d=n.className,p=n.locale,u=void 0===p?"en-PH":p,m=n.onSelect,x=e(n,["icon","name","className","locale","onSelect"]),b=i((function(){return null==d?void 0:d.includes("selected-week-pill")}),[d]);return o.createElement(h,r({onClick:m,className:d?"week-pill".concat(" non-pointer-event-child ",d):"week-pill non-pointer-event-child"},x),o.createElement(g,{size:64,iconSize:40,backgroundColor:c.colors.white},o.createElement("img",{src:t||l.getAssetPath("week_default.png"),alt:""})),b?o.createElement(a,r({type:"semiBold",size:"n1",color:c.colors.gray800},f.includes(u)&&{style:{fontSize:"10px"}}),s):o.createElement(a,r({size:"n1",color:c.colors.gray600},f.includes(u)&&{style:{fontSize:"10px"}}),s))}))(m||(m=n(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),k=s(d.Slide)(x||(x=n([""],[""]))),v=s(d)(b||(b=n(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"]))),y=function(n){var i=n.data,l=n.isMobile,c=n.onSlideChange,a=n.pillProps,s=n.locale,d=void 0===s?t.Vietnam:s,p=n.blurFromIndex,u=n.blurLength,m=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),x={withControls:!l,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(l?2:4),blurLength:u||(l?1:3),onSlideChange:c};return o.createElement(v,r({},x,m),(function(n){return i.map((function(e,i){return o.createElement(k,r({key:i,onClick:c},a),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(w,{locale:d,name:e.name,icon:e.icon,className:i===n?"selected-week-pill":""})))}))}))};export{y as P};
+import{b as n,c as e,_ as r}from"./tslib.es6-0106f0dc.js";import o,{useMemo as i}from"react";import{L as t}from"./Locale-bcc22bd9.js";import{CommonGAssets as l}from"./gAssets.js";import{t as c}from"./theme-bc078865.js";import{T as a}from"./index-5a55edb7.js";import s from"styled-components";import{C as d}from"./index-d39f3674.js";var p,u,m,x,b,g=s.div(p||(p=n(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.backgroundColor||c.colors.white}),(function(n){return n.borderRadius||"50%"}),(function(n){return n.iconSize}),(function(n){return n.iconSize})),h=s.div(u||(u=n(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.pink100})),f=[t.Myanmar,t.Taiwan],w=s((function(n){var t=n.icon,s=n.name,d=n.className,p=n.locale,u=void 0===p?"en-PH":p,m=n.onSelect,x=e(n,["icon","name","className","locale","onSelect"]),b=i((function(){return null==d?void 0:d.includes("selected-week-pill")}),[d]);return o.createElement(h,r({onClick:m,className:d?"week-pill".concat(" non-pointer-event-child ",d):"week-pill non-pointer-event-child"},x),o.createElement(g,{size:64,iconSize:40,backgroundColor:c.colors.white},o.createElement("img",{src:t||l.getAssetPath("week_default.png"),alt:""})),b?o.createElement(a,r({type:"semiBold",size:"n1",color:c.colors.gray800},f.includes(u)&&{style:{fontSize:"10px"}}),s):o.createElement(a,r({size:"n1",color:c.colors.gray600},f.includes(u)&&{style:{fontSize:"10px"}}),s))}))(m||(m=n(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),k=s(d.Slide)(x||(x=n([""],[""]))),v=s(d)(b||(b=n(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"]))),y=function(n){var i=n.data,l=n.isMobile,c=n.onSlideChange,a=n.pillProps,s=n.locale,d=void 0===s?t.Vietnam:s,p=n.blurFromIndex,u=n.blurLength,m=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),x={withControls:!l,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(l?2:4),blurLength:u||(l?1:3),onSlideChange:c};return o.createElement(v,r({},x,m),(function(n){return i.map((function(e,i){return o.createElement(k,r({key:i,onClick:c},a),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(w,{locale:d,name:e.name,icon:e.icon,className:i===n?"selected-week-pill":""})))}))}))};export{y as P};

package/build/esm/{index-626fead2.js → index-7d2ef4c9.js}

@@ -1 +1 @@
-import{c as e,_ as a}from"./tslib.es6-c0530c86.js";import t,{useMemo as n}from"react";import{S as s,L as i,a as o,b as l,c as r}from"./index.styled-3c3f7cac.js";var c=function(c){var m=c.name,d=c.value,u=c.errorMessage,p=c.isNumerousKeyboard,v=void 0!==p&&p,y=c.actionIcon,b=c.displayIcon,C=c.onActionClick,g=c.label,N=c.className,E=c.onChange,f=c.isDisabled,h=c.CustomInput,I=c.size,k=c.style,A=c.autoComplete,K=void 0===A?"off":A,z=c.type,L=void 0===z?"text":z,x=c.inputClassName,H=c.trackingAttributes,M=c.enterKeyHint,j=e(c,["name","value","errorMessage","isNumerousKeyboard","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),D=n((function(){return H?{"data-event-category":H.dataEventCategory,"data-event-action":H.dataEventAction,"data-event-label":H.dataEventLabel}:{}}),[H]);return t.createElement(s,{"data-size":I,className:N,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!b||void 0,"data-has-error":u&&u.length>0||void 0,style:k},g&&t.createElement(i,{size:"label2",htmlFor:m,className:"inputLabel"},g),t.createElement("div",{style:{position:"relative"}},h||t.createElement("input",a({id:m,name:m,onChange:function(e){return E&&E(e.target.value)},type:L,"aria-label":L,value:d,disabled:f,autoComplete:K,inputMode:v||"number"===L?"numeric":L,pattern:v?"[0-9]*":".*",className:x,enterKeyHint:M},D,j)),b&&t.createElement(o,{className:"displayIcon"},b),y&&t.createElement(l,{className:"actionIcon",onClick:C},y)),u&&u.length>0&&t.createElement(r,{className:"errorLabel"},u))};export{c as I};
+import{c as e,_ as a}from"./tslib.es6-0106f0dc.js";import t,{useMemo as n}from"react";import{S as s,L as i,a as o,b as l,c as r}from"./index.styled-13b4bb9e.js";var c=function(c){var m=c.name,d=c.value,u=c.errorMessage,p=c.isNumerousKeyboard,b=void 0!==p&&p,v=c.actionIcon,y=c.displayIcon,C=c.onActionClick,g=c.label,N=c.className,E=c.onChange,f=c.isDisabled,h=c.CustomInput,I=c.size,k=c.style,A=c.autoComplete,K=void 0===A?"off":A,z=c.type,L=void 0===z?"text":z,x=c.inputClassName,H=c.trackingAttributes,M=c.enterKeyHint,j=e(c,["name","value","errorMessage","isNumerousKeyboard","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]),D=n((function(){return H?{"data-event-category":H.dataEventCategory,"data-event-action":H.dataEventAction,"data-event-label":H.dataEventLabel}:{}}),[H]);return t.createElement(s,{"data-size":I,className:N,"data-has-action-icon":!!v||void 0,"data-has-display-icon":!!y||void 0,"data-has-error":u&&u.length>0||void 0,style:k},g&&t.createElement(i,{size:"label2",htmlFor:m,className:"inputLabel"},g),t.createElement("div",{style:{position:"relative"}},h||t.createElement("input",a({id:m,name:m,onChange:function(e){return E&&E(e.target.value)},type:L,"aria-label":L,value:d,disabled:f,autoComplete:K,inputMode:b||"number"===L?"numeric":L,pattern:b?"[0-9]*":".*",className:x,enterKeyHint:M},D,j)),y&&t.createElement(o,{className:"displayIcon"},y),v&&t.createElement(l,{className:"actionIcon",onClick:C},v)),u&&u.length>0&&t.createElement(r,{className:"errorLabel"},u))};export{c as I};

package/build/esm/{index-58f9d318.js → index-861456fa.js}

@@ -1 +1 @@
-import n from"react";import{a as e,b as o}from"./FullScreen-467233ab.js";import{u as a}from"./useTranslations-891ad557.js";import{b as t,_ as r}from"./tslib.es6-c0530c86.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-316eb409.js";import{u as t}from"./useTranslations-80fd6542.js";import{b as a,_ as r}from"./tslib.es6-0106f0dc.js";import i from"styled-components";var d,s,l,p,c,x,u=function(o){var t=o.type,a=void 0===t?"solid":t,r=o.className,i=o.style;return n.createElement(e,{style:i,className:r,"data-diver-type":a,dividerType:a})},g=function(e){var t=e.label,a=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":t,"data-theme":x},n.createElement("input",{type:"checkbox",checked:r,name:a,onChange:function(){return s(l,!r)},disabled:d,value:l,id:"".concat(a,"-").concat(l),"data-label-text":t,"data-testid":c}),!p&&n.createElement("label",{htmlFor:"".concat(a,"-").concat(l)},t))},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,a=e.title,r=t().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},a||r(h[i])):null},v=i.div(d||(d=a(["\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=a(["\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=a(["\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=a(["\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=a(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),E=i.div(x||(x=a(["\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,t=e.value,a=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==t?void 0:t.value)||void 0,disabled:b,onChange:function(n){if("string"==typeof n.target.value){var e=a.find((function(e){return e.value===n.target.value}));e&&d(e)}}},p&&n.createElement("option",{value:p,disabled:!0,selected:!0},p),a.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,t&&t.value?t.label:p)),L&&n.createElement(w,{onClick:j,"data-has-icons":!!l},a.map((function(e){return n.createElement(k,{key:"".concat(s,"-").concat(e.value),"data-selected":t&&t.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-a4877193.js

@@ -0,0 +1 @@
+import{G as r,B as t,a as e,b as a,L as o}from"./Locale-bcc22bd9.js";var b=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{b as i};

package/build/esm/{index-b476f419.js → index-b13204d4.js}

@@ -1 +1 @@
-import{b as n,c as t}from"./tslib.es6-c0530c86.js";import{M as e}from"./utils-fcc9a03d.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-a74bf299.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-0106f0dc.js";import{M as e}from"./utils-6c9f9aa4.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-bcc22bd9.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};

package/build/esm/{index-869a9486.js → index-b6d8da8e.js}

@@ -1,6 +1,6 @@
-import{c as n,_ as e,b as t}from"./tslib.es6-c0530c86.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-f78c4674.js";import{s as w}from"./index-e814611e.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-3a828a68.js";import"./lazyLoad-d54bb93c.js";import{t as V}from"./theme-d063cb60.js";import"./utils-fcc9a03d.js";import"./isProduction-f8a0407d.js";import{L as W}from"./Locale-a74bf299.js";import{Carousel as O}from"@mantine/carousel";import{g as G}from"./defaultClassWrapper-4d6a4fe6.js";import{c as H,b as U}from"./index-04fbf538.js";
+import{c as n,_ as e,b as t}from"./tslib.es6-0106f0dc.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-88a2bfe7.js";import{s as w}from"./index-106dc21e.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-7ca71e24.js";import"./lazyLoad-e593be78.js";import{t as V}from"./theme-bc078865.js";import"./utils-6c9f9aa4.js";import"./isProduction-88c18045.js";import{L as W}from"./Locale-bcc22bd9.js";import{Carousel as O}from"@mantine/carousel";import{g as G}from"./defaultClassWrapper-b091aa76.js";import{c as H,b as U}from"./index-18856bd6.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var Y,K,_,q,Q=H((function(n){!function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var o=typeof a;if("string"===o||"number"===o)n.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&n.push(i)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){n.push(a.toString());continue}for(var l in a)e.call(a,l)&&a[l]&&n.push(l)}}}return n.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}()})),J=Object.values(w).reduce((function(n,e){var t=e.phoneCountry;return n.includes(t)||n.push(t),n}),[]),X={PH:m,KH:p,ID:f,IN:g,MM:h,MY:v,TH:b,TW:y,VN:x},Z={phoneInput:"i-9Ibox",error:"YDWHh9b"},$=a((function(t,a){var l,c=t.isError,s=t.defaultCountry,m=t.countries,p=void 0===m?J:m,f=t.countryCallingCodeEditable,g=void 0!==f&&f,h=t.defaultValue,v=t.value,b=t.onChange,y=n(t,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange"]),x=o(h||v),w=x[0],k=x[1];return i((function(){k(v)}),[v]),r.createElement(d,e({ref:a,value:w,onChange:function(n){k(n),null==b||b(n)},countries:p,defaultCountry:s,countryCallingCodeEditable:g,className:Q(Z.phoneInput,(l={isError:c},l[Z.error]=c,l)),flagUrl:void 0,flagComponent:function(t){var a=t.country,o=t.countryName;t.flagUrl;var i=n(t,["country","countryName","flagUrl"]),l=X[a],c=a?"(+".concat(u.getCountryCallingCode(a),")"):"";return l?r.createElement(r.Fragment,null,r.createElement(l,e({title:o},i)),r.createElement("span",{className:Q(Z.callingCode,"PhoneInputCountryIconCallingCode")},c)):r.createElement(r.Fragment,null)},countrySelectProps:{arrowComponent:function(){return r.createElement("div",{className:Q(Z.arrowSelect,"PhoneInputArrowContainer")},r.createElement(C,null))}}},y))})),nn=F(B)(K||(K=t(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&L(Y||(Y=t(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),en=F(T)(q||(q=t(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&L(_||(_=t(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),tn=function(n){return r.createElement(nn,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(k,{src:R.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};tn.Range=function(n){return r.createElement(en,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(k,{src:R.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var rn,an,on,ln=F(S)(rn||(rn=t(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),V.colors.gray200),cn=F(E)(an||(an=t(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),V.colors.neutral100),sn=function(t){var a=t.title,o=n(t,["title"]);return r.createElement(r.Fragment,null,r.createElement(cn,e({centered:!0},o,{withCloseButton:!1,title:o.withCloseButton&&r.createElement(r.Fragment,null,a,r.createElement("img",{className:"mantine-Modal-close",src:R.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=o.onClose)||void 0===n?void 0:n.call(o)}}))})))},un=F(j)(on||(on=t(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(n){return n.closeChevron||R.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||R.getAssetPath("minus-icon.svg")})),dn=function(t){var a=t.children,o=n(t,["children"]);return r.createElement(un,e({chevron:r.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},o),a)};dn.Control=j.Control,dn.Item=j.Item,dn.Panel=j.Panel;var mn=R.getAssetPath("avatar.jpg"),pn=function(t){var a=t.withIndicator,o=void 0!==a&&a,i=t.indicatorConfig,l=void 0===i?null:i,c=t.size,s=void 0===c?56:c,u=t.children,d=n(t,["withIndicator","indicatorConfig","size","children"]),m=function(){return r.createElement(I,e({size:s,radius:"xl"},d),u||r.createElement("img",{src:mn,width:s}))};return o?r.createElement(A,e({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:r.isValidElement(l.label)&&"transparent",zIndex:1}}}),m()):m()},fn=function(t){var a=t.slidesToShow,o=void 0===a?1:a,i=t.children,l=n(t,["slidesToShow","children"]);return r.createElement(O,e({slideSize:String(Math.floor(1/o*100))+"%",containScroll:"trimSnaps"},l),i)};fn.Slide=O.Slide;var gn=function(n){return r.createElement(P,e({},n))};gn.Group=P.Group;var hn,vn,bn,yn="hhgcomp-mantine-slider-slider",xn=G(F(M)(hn||(hn=t(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),yn),Cn=F.div(vn||(vn=t(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),yn),wn=F(D)(bn||(bn=t(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||V.colors.primaryBase})),kn=function(n){return r.createElement(wn,e({size:"sm"},n))};kn.Group=D.Group;var Sn,En,jn=F(N)(Sn||(Sn=t(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),An=((En={})[W.Vietnam]="vi",En[W.Cambodia]="km",En[W.India]="hi",En[W.Indonesia]="id",En[W.Malaysia]="ms",En[W.Thailand]="th",En[W.Taiwan]="zh-tw",En[W.PhilippinesTagalog]="tl-ph",En[W.PhilippinesEnglish]="en",En[W.Myanmar]="my",En),In=function(n){i((function(){An[n]&&require("dayjs/locale/".concat(An[n],".js"))}),[n])},Pn={"&:hover":{borderColor:"".concat(V.colors.blue200),boxShadow:"0 0 2px 2px ".concat(V.colors.blue200)}},Mn=function(n){return{datesLocale:An[n],dateFormat:U[n].dateFormat,fontFamily:n===W.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:U[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(V.colors.blue200),boxShadow:"0 0 2px 2px ".concat(V.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:Pn}},Radio:{styles:{radio:e(e({backgroundColor:"#ffffff"},Pn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};function Dn(n,e){void 0===e&&(e=6);var t=new Array(e).fill("");if(n){var r=n.toString().split("");t.map((function(n,e){r[e]&&(t[e]=r[e]||"")}))}return t}function Nn(n){return n.join("")}var zn="_2iQs0sk",Rn="Ia6IojY",Bn=a((function(t,a){var o=t.maxLength,i=void 0===o?1:o,l=t.placeholder,c=t.className,s=n(t,["maxLength","placeholder","className"]);return r.createElement("input",e({maxLength:i,className:Q(Rn,"otpInput",c),placeholder:l},s,{ref:a}))})),Tn=a((function(n,e){var t=n.valueLength,a=void 0===t?6:t,u=n.type,d=void 0===u?"text":u,m=n.value,p=n.defaultValue,f=n.onChange,g=n.onBlur,h=l(new Array(a).fill(null)),v=o(p||m),b=v[0],y=v[1],x=o(-1),C=x[0],w=x[1],k=o((function(){return Dn(b,a)})),S=k[0],E=k[1],j=c((function(){if(-1!==C){var n=h.current[C];if(n){n.value="";var e=S;e[C]="",E(e),y((function(){return Nn(e)})),null==f||f(Nn(e))}}}),[C,f,S]),A=c((function(){if(0!==C){var n=h.current[C];n&&n.blur();var e=h.current[C-1];e&&e.focus()}}),[C]),I=c((function(){if(C!==a-1){var n=h.current[C];n&&n.blur();var e=h.current[C+1];e&&e.focus()}}),[C,a]),P=c((function(n){var e=n.target,t=e.value.toString().slice(0,1),r=h.current.findIndex((function(n){return n===e}));if(-1!==r){var a=S;a[r]=t,E(a),y((function(){return Nn(a)})),null==f||f(Nn(a))}I()}),[I,f,S]),M=c((function(n){var e=n.target,t=h.current.findIndex((function(n){return n===e}));e.setSelectionRange(0,e.value.length,"backward"),-1!==t&&w(t)}),[]),D=c((function(n){var e=Dn(n.clipboardData.getData("text/plain"),a),t=Nn(e);E(e),y(t),null==f||f(t)}),[f,d,a]),N=c((function(n){8===n.keyCode||"Backspace"===n.key?(n.preventDefault(),j(),A()):46===n.keyCode||"Delete"===n.key?(n.preventDefault(),j()):37===n.keyCode||"ArrowLeft"===n.key?(n.preventDefault(),A()):39===n.keyCode||"ArrowRight"===n.key?(n.preventDefault(),I()):32!==n.keyCode&&" "!==n.key&&"Spacebar"!==n.key&&"Space"!==n.key||n.preventDefault()}),[j,I,A]);return s(e,(function(){return h.current[0]}),[]),i((function(){E((function(){return Dn(m,a)})),y(m)}),[a,m]),r.createElement(z,{justify:"center",columnGap:8,className:Q(zn,"otpContainer")},S.map((function(n,e){return r.createElement(Bn,{ref:function(n){h.current[e]=n},key:""+e,value:n,type:d,onChange:P,onFocus:M,onKeyDown:N,onPaste:D,onBlur:g})})))}));export{dn as A,fn as C,tn as D,sn as M,Tn as O,$ as P,kn as R,ln as S,Cn as a,xn as b,pn as c,gn as d,jn as e,An as f,Mn as g,In as u};
+*/var Y,K,_,q,Q=H((function(n){!function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var o=typeof a;if("string"===o||"number"===o)n.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&n.push(i)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){n.push(a.toString());continue}for(var l in a)e.call(a,l)&&a[l]&&n.push(l)}}}return n.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}()})),J=Object.values(w).reduce((function(n,e){var t=e.phoneCountry;return n.includes(t)||n.push(t),n}),[]),X={PH:m,KH:p,ID:f,IN:g,MM:h,MY:v,TH:b,TW:y,VN:x},Z={phoneInput:"i-9Ibox",error:"YDWHh9b"},$=a((function(t,a){var l,c=t.isError,s=t.defaultCountry,m=t.countries,p=void 0===m?J:m,f=t.countryCallingCodeEditable,g=void 0!==f&&f,h=t.defaultValue,v=t.value,b=t.onChange,y=n(t,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange"]),x=o(h||v),w=x[0],k=x[1];return i((function(){k(v)}),[v]),r.createElement(d,e({ref:a,value:w,onChange:function(n){k(n),null==b||b(n)},countries:p,defaultCountry:s,countryCallingCodeEditable:g,className:Q(Z.phoneInput,(l={isError:c},l[Z.error]=c,l)),flagUrl:void 0,flagComponent:function(t){var a=t.country,o=t.countryName;t.flagUrl;var i=n(t,["country","countryName","flagUrl"]),l=X[a],c=a?"(+".concat(u.getCountryCallingCode(a),")"):"";return l?r.createElement(r.Fragment,null,r.createElement(l,e({title:o},i)),r.createElement("span",{className:Q(Z.callingCode,"PhoneInputCountryIconCallingCode")},c)):r.createElement(r.Fragment,null)},countrySelectProps:{arrowComponent:function(){return r.createElement("div",{className:Q(Z.arrowSelect,"PhoneInputArrowContainer")},r.createElement(C,null))}}},y))})),nn=F(B)(K||(K=t(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&L(Y||(Y=t(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),en=F(T)(q||(q=t(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&L(_||(_=t(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),tn=function(n){return r.createElement(nn,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(k,{src:R.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};tn.Range=function(n){return r.createElement(en,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(k,{src:R.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var rn,an,on,ln=F(S)(rn||(rn=t(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),V.colors.gray200),cn=F(E)(an||(an=t(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),V.colors.neutral100),sn=function(t){var a=t.title,o=n(t,["title"]);return r.createElement(r.Fragment,null,r.createElement(cn,e({centered:!0},o,{withCloseButton:!1,title:o.withCloseButton&&r.createElement(r.Fragment,null,a,r.createElement("img",{className:"mantine-Modal-close",src:R.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=o.onClose)||void 0===n?void 0:n.call(o)}}))})))},un=F(j)(on||(on=t(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(n){return n.closeChevron||R.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||R.getAssetPath("minus-icon.svg")})),dn=function(t){var a=t.children,o=n(t,["children"]);return r.createElement(un,e({chevron:r.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},o),a)};dn.Control=j.Control,dn.Item=j.Item,dn.Panel=j.Panel;var mn=R.getAssetPath("avatar.jpg"),pn=function(t){var a=t.withIndicator,o=void 0!==a&&a,i=t.indicatorConfig,l=void 0===i?null:i,c=t.size,s=void 0===c?56:c,u=t.children,d=n(t,["withIndicator","indicatorConfig","size","children"]),m=function(){return r.createElement(I,e({size:s,radius:"xl"},d),u||r.createElement("img",{src:mn,width:s}))};return o?r.createElement(A,e({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:r.isValidElement(l.label)&&"transparent",zIndex:1}}}),m()):m()},fn=function(t){var a=t.slidesToShow,o=void 0===a?1:a,i=t.children,l=n(t,["slidesToShow","children"]);return r.createElement(O,e({slideSize:String(Math.floor(1/o*100))+"%",containScroll:"trimSnaps"},l),i)};fn.Slide=O.Slide;var gn=function(n){return r.createElement(P,e({},n))};gn.Group=P.Group;var hn,vn,bn,yn="hhgcomp-mantine-slider-slider",xn=G(F(M)(hn||(hn=t(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),yn),Cn=F.div(vn||(vn=t(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),yn),wn=F(D)(bn||(bn=t(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||V.colors.primaryBase})),kn=function(n){return r.createElement(wn,e({size:"sm"},n))};kn.Group=D.Group;var Sn,En,jn=F(N)(Sn||(Sn=t(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),An=((En={})[W.Vietnam]="vi",En[W.Cambodia]="km",En[W.India]="hi",En[W.Indonesia]="id",En[W.Malaysia]="ms",En[W.Thailand]="th",En[W.Taiwan]="zh-tw",En[W.PhilippinesTagalog]="tl-ph",En[W.PhilippinesEnglish]="en",En[W.Myanmar]="my",En),In=function(n){i((function(){An[n]&&require("dayjs/locale/".concat(An[n],".js"))}),[n])},Pn={"&:hover":{borderColor:"".concat(V.colors.blue200),boxShadow:"0 0 2px 2px ".concat(V.colors.blue200)}},Mn=function(n){return{datesLocale:An[n],dateFormat:U[n].dateFormat,fontFamily:n===W.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:U[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(V.colors.blue200),boxShadow:"0 0 2px 2px ".concat(V.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:Pn}},Radio:{styles:{radio:e(e({backgroundColor:"#ffffff"},Pn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};function Dn(n,e){void 0===e&&(e=6);var t=new Array(e).fill("");if(n){var r=n.toString().split("");t.map((function(n,e){r[e]&&(t[e]=r[e]||"")}))}return t}function Nn(n){return n.join("")}var zn="_2iQs0sk",Rn="Ia6IojY",Bn=a((function(t,a){var o=t.maxLength,i=void 0===o?1:o,l=t.placeholder,c=t.className,s=n(t,["maxLength","placeholder","className"]);return r.createElement("input",e({maxLength:i,className:Q(Rn,"otpInput",c),placeholder:l,type:"number"},s,{ref:a}))})),Tn=a((function(n,e){var t=n.valueLength,a=void 0===t?6:t,u=n.type,d=void 0===u?"number":u,m=n.value,p=n.defaultValue,f=n.onChange,g=n.onBlur,h=l(new Array(a).fill(null)),v=o(p||m),b=v[0],y=v[1],x=o(-1),C=x[0],w=x[1],k=o((function(){return Dn(b,a)})),S=k[0],E=k[1],j=c((function(){if(-1!==C){var n=h.current[C];if(n){n.value="";var e=S;e[C]="",E(e),y((function(){return Nn(e)})),null==f||f(Nn(e))}}}),[C,f,S]),A=c((function(){if(0!==C){var n=h.current[C];n&&n.blur();var e=h.current[C-1];e&&e.focus()}}),[C]),I=c((function(){if(C!==a-1){var n=h.current[C];n&&n.blur();var e=h.current[C+1];e&&e.focus()}}),[C,a]),P=c((function(n){var e=n.target,t=e.value.toString().slice(0,1),r=h.current.findIndex((function(n){return n===e}));if(-1!==r){var a=S;a[r]=t,E(a),y((function(){return Nn(a)})),null==f||f(Nn(a))}I()}),[I,f,S]),M=c((function(n){var e=n.target,t=h.current.findIndex((function(n){return n===e}));"number"===d?e.select():e.setSelectionRange(0,e.value.length,"backward"),-1!==t&&w(t)}),[]),D=c((function(n){var e=Dn(n.clipboardData.getData("text/plain"),a),t=Nn(e);E(e),y(t),null==f||f(t)}),[f,d,a]),N=c((function(n){8===n.keyCode||"Backspace"===n.key?(n.preventDefault(),j(),A()):46===n.keyCode||"Delete"===n.key?(n.preventDefault(),j()):37===n.keyCode||"ArrowLeft"===n.key?(n.preventDefault(),A()):39===n.keyCode||"ArrowRight"===n.key?(n.preventDefault(),I()):32!==n.keyCode&&" "!==n.key&&"Spacebar"!==n.key&&"Space"!==n.key||n.preventDefault()}),[j,I,A]);return s(e,(function(){return h.current[0]}),[]),i((function(){E((function(){return Dn(m,a)})),y(m)}),[a,m]),r.createElement(z,{justify:"center",columnGap:8,className:Q(zn,"otpContainer")},S.map((function(n,e){return r.createElement(Bn,{ref:function(n){h.current[e]=n},key:""+e,value:n,type:d,onChange:P,onFocus:M,onKeyDown:N,onPaste:D,onBlur:g})})))}));export{dn as A,fn as C,tn as D,sn as M,Tn as O,$ as P,kn as R,ln as S,Cn as a,xn as b,pn as c,gn as d,jn as e,An as f,Mn as g,In as u};

package/build/esm/{index-b6cd819a.js → index-d39f3674.js}

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