@hhgtech/hhg-components 1.23.86 → 1.23.88

package/build/esm/{index-8c625ffb.js → index-067fbea6.js}

@@ -1 +1 @@
-import{d as e,_ as n}from"./tslib.es6-bfb95386.js";import r,{createContext as l,useContext as i,useRef as t,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as u}from"@mantine/hooks";var a=d.Slide,s=l({}),f=function(e,n){return e>=n?e-n:e},p=function(l){var i=l.children,a=l.blurFromCenter,p=l.blurFromIndex,v=l.blurLength,h=void 0===v?3:v,m=l.maxBlurOpacity,x=void 0===m?.5:m,S=l.onSlideChange,b=l.selectSlideWhenClick,g=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=u(),C=y[0],k=y[1],w=t(null),E=o(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 i=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],t=i.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=a?p+h-1:c,u=l+d,s=u===t?0:u>t?u-t:u,v=l-d,m=v<0?t+v:v>0?l-d:0,S=Array(2*d+1).fill("").map((function(e,n){return f(m+n,t)}));i.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/h,i=0;i<h;i++){if(n===f(m+i,t)||n===(c=t,(o=s-i)<0?c+o:o)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[k]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:b}},r.createElement(d,n({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,g,{loop:!0}),"function"==typeof i?i(F):i))};p.Slide=function(l){var d=l.children,u=l.onClick,f=e(l,["children","onClick"]),p=i(s),v=p.slider,h=p.selectSlideWhenClick,m=t(),x=t(""),S=o(0),b=S[0],g=S[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==v?void 0:v.slideNodes())||[];g(e.findIndex((function(e){return e.dataset.key===x.current})))}),[v]);var y={ref:m,"data-key":x.current,"data-index":b,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 r.createElement(a,n({},y,f),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(b)),null==u||u(b)}},d))};export{p as C};
+import{d as e,_ as n}from"./tslib.es6-8afd0786.js";import r,{createContext as l,useContext as i,useRef as t,useState as o,useEffect as c}from"react";import{Carousel as d}from"@mantine/carousel";import{useResizeObserver as a}from"@mantine/hooks";var u=d.Slide,s=l({}),f=function(e,n){return e>=n?e-n:e},p=function(l){var i=l.children,u=l.blurFromCenter,p=l.blurFromIndex,v=l.blurLength,h=void 0===v?3:v,m=l.maxBlurOpacity,x=void 0===m?.5:m,S=l.onSlideChange,g=l.selectSlideWhenClick,b=e(l,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]),y=a(),C=y[0],k=y[1],w=t(null),E=o(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 i=(null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.slideNodes())||[],t=i.length,o=(null===(r=null==w?void 0:w.current)||void 0===r?void 0:r.slidesInView()).length,c=Math.floor(o/2),d=u?p+h-1:c,a=l+d,s=a===t?0:a>t?a-t:a,v=l-d,m=v<0?t+v:v>0?l-d:0,S=Array(2*d+1).fill("").map((function(e,n){return f(m+n,t)}));i.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/h,i=0;i<h;i++){if(n===f(m+i,t)||n===(c=t,(o=s-i)<0?c+o:o)){e.style.opacity=String((i+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var o,c}))},W={getEmblaApi:function(e){w.current=e},onSlideChange:function(e){L(),null==S||S(e)}};return c((function(){(null==w?void 0:w.current)&&L()}),[k]),r.createElement(s.Provider,{value:{slider:null==w?void 0:w.current,centerSlide:F,selectSlideWhenClick:g}},r.createElement(d,n({ref:C,slideSize:"auto",containScroll:"trimSnaps"},W,b,{loop:!0}),"function"==typeof i?i(F):i))};p.Slide=function(l){var d=l.children,a=l.onClick,f=e(l,["children","onClick"]),p=i(s),v=p.slider,h=p.selectSlideWhenClick,m=t(),x=t(""),S=o(0),g=S[0],b=S[1];c((function(){x.current=String(Math.round(1e4*Math.random()))}),[]),c((function(){var e=(null==v?void 0:v.slideNodes())||[];b(e.findIndex((function(e){return e.dataset.key===x.current})))}),[v]);var y={ref:m,"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 r.createElement(u,n({},y,f),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(g)),null==a||a(g)}},d))};export{p as C};

package/build/esm/{index-9a4e3d55.js → index-1afec854.js}

@@ -1 +1 @@
-import r from"react";import{a as e,d as t,_ as o}from"./tslib.es6-bfb95386.js";import a from"styled-components";import{u as n}from"./useTranslations-8d6045eb.js";var d,s=a.hr(d||(d=e(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(r){return r.theme.colors.neutral200}),(function(r){return r.dividerType})),i=function(e){var t=e.type,o=void 0===t?"solid":t,a=e.className,n=e.style;return r.createElement(s,{style:n,className:a,"data-diver-type":o,dividerType:o})},u="U9NRDG6",l={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},c=function(e){var a=e.siteType,d=e.role,s=e.title,i=t(e,["siteType","role","title"]),c=n().t,m=d?function(r){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===r}))}(d):"";return m&&l[m]?r.createElement("div",o({className:u,"data-label-type":m,"data-is-marrybaby":"marryBaby"===a},i),s||c(l[m])):null};export{c as A,i as D};
+import r from"react";import{a as e,d as t,_ as a}from"./tslib.es6-8afd0786.js";import o from"styled-components";import{u as n}from"./useTranslations-0253a7a8.js";var d,s=o.hr(d||(d=e(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(r){return r.theme.colors.neutral200}),(function(r){return r.dividerType})),i=function(e){var t=e.type,a=void 0===t?"solid":t,o=e.className,n=e.style;return r.createElement(s,{style:n,className:o,"data-diver-type":a,dividerType:a})},u="U9NRDG6",l={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},c=function(e){var o=e.siteType,d=e.role,s=e.title,i=t(e,["siteType","role","title"]),c=n().t,m=d?function(r){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===r}))}(d):"";return m&&l[m]?r.createElement("div",a({className:u,"data-label-type":m,"data-is-marrybaby":"marryBaby"===o},i),s||c(l[m])):null};export{c as A,i as D};

package/build/esm/{index-06d07509.js → index-2317466d.js}

@@ -1 +1 @@
-import{a as n,_ as e}from"./tslib.es6-bfb95386.js";import o,{useState as t,useEffect as a}from"react";import i from"styled-components";import{T as r}from"./index-f95e1673.js";import{M as d}from"./utils-d6f6da15.js";import{t as l}from"./theme-ee5d0e66.js";var s,p,x,c,b,g,u,h,v,m,f=i.div(s||(s=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"],["\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})),w=i.div(p||(p=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"],["\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})),k=i.ul(x||(x=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"],["\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})),y=i.li(c||(c=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"],["\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})),E=i.div(b||(b=n(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),C=i.div(g||(g=n(["\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"]))),z=function(n){var t=n.className,a=n.value,i=n.options,r=n.onChange,d=void 0===r?function(){}:r,l=n.id,s=n.placeholderIcon,p=n.placeholder,x=n.style,c=n.size,b=void 0===c?"lg":c,g=n.groupedWithLabel,u=n.disabled,h=n.dropdownLabelTrackingAttributes,v=void 0===h?{}:h,m=n.isNativeSelect,z=void 0!==m&&m,L=o.useState(!1),A=L[0],j=L[1],B=function(){return!u&&j(!A)};return z?o.createElement(f,{as:"select","data-is-native":"true",value:(null==a?void 0:a.value)||void 0,disabled:u,onChange:function(n){if("string"==typeof n.target.value){var e=i.find((function(e){return e.value===n.target.value}));e&&d(e)}}},p&&o.createElement("option",{value:p,disabled:!0,selected:!0},p),i.map((function(n){return o.createElement("option",{key:"".concat(l,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):o.createElement(f,{className:t,"data-dropdown-open":A||void 0,"data-size":b,id:l,"data-has-icons":!!s,style:x,onBlur:function(){return j(!1)},tabIndex:0,"data-disabled":u},!!g&&o.createElement(C,null,g),o.createElement(w,e({onClick:B,className:g&&"with-label"},v),s," ",o.createElement("span",null,a&&a.value?a.label:p)),A&&o.createElement(k,{onClick:B,"data-has-icons":!!s},i.map((function(n){return o.createElement(y,{key:"".concat(l,"-").concat(n.value),"data-selected":a&&a.value===n.value||void 0,onClick:function(){return!n.disabled&&!u&&(null==d?void 0:d(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&o.createElement(E,null,n.icon),n.label)}))))},L=i.ul(u||(u=n(["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"],["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),A=i.li(h||(h=n(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"])),d.mbDown,d.mbUp,(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray600})),j=i.div(v||(v=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),B=i.div(m||(m=n(["\n  margin-right: 8px;\n"],["\n  margin-right: 8px;\n"]))),N=function(n){var e=n.style,i=n.initialTab,d=n.tabContent,s=n.onChange,p=n.className,x=n.dataEventCategory,c=n.dataEventAction,b=n.dataEventLabel,g=n.id,u=t(i||0),h=u[0],v=u[1];return a((function(){v(i)}),[i]),o.createElement(L,{style:e,className:p,role:"tablist",id:g},d.map((function(n,e){return o.createElement(A,{"data-is-tab-active":h===e||void 0,"aria-selected":h===e,role:"tab",onClick:function(){v(e),s&&s(e)},onKeyDown:function(n){"Enter"===n.key&&(v(e),s&&s(e))},key:e,"data-event-category":n.dataEventCategory||x,"data-event-action":n.dataEventAction||c,"data-event-label":n.dataEventLabel||b,tabIndex:0,"data-testid":n.dataTestid},o.createElement(j,null,n.icon&&o.createElement(B,null,n.icon),o.createElement(r,{size:n.textSize||"sm",type:n.textType||"bold",color:n.textColor||l.colors.gray800,dataEventCategory:n.dataEventCategory,dataEventAction:n.dataEventAction,dataEventLabel:n.dataEventLabel},n.name)))})))};export{z as D,N as T};
+import{a as n,_ as e}from"./tslib.es6-8afd0786.js";import o,{useState as t,useEffect as a}from"react";import i from"styled-components";import{T as r}from"./index-6e945ca0.js";import{M as d}from"./utils-c4fbd283.js";import{t as l}from"./theme-f92bf7cf.js";var s,p,c,x,b,g,u,h,v,m,f=i.div(s||(s=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"],["\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})),w=i.div(p||(p=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"],["\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})),k=i.ul(c||(c=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"],["\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})),y=i.li(x||(x=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"],["\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})),E=i.div(b||(b=n(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),C=i.div(g||(g=n(["\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"]))),z=function(n){var t=n.className,a=n.value,i=n.options,r=n.onChange,d=void 0===r?function(){}:r,l=n.id,s=n.placeholderIcon,p=n.placeholder,c=n.style,x=n.size,b=void 0===x?"lg":x,g=n.groupedWithLabel,u=n.disabled,h=n.dropdownLabelTrackingAttributes,v=void 0===h?{}:h,m=n.isNativeSelect,z=void 0!==m&&m,L=o.useState(!1),A=L[0],j=L[1],B=function(){return!u&&j(!A)};return z?o.createElement(f,{as:"select","data-is-native":"true",value:(null==a?void 0:a.value)||void 0,disabled:u,onChange:function(n){if("string"==typeof n.target.value){var e=i.find((function(e){return e.value===n.target.value}));e&&d(e)}}},p&&o.createElement("option",{value:p,disabled:!0,selected:!0},p),i.map((function(n){return o.createElement("option",{key:"".concat(l,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):o.createElement(f,{className:t,"data-dropdown-open":A||void 0,"data-size":b,id:l,"data-has-icons":!!s,style:c,onBlur:function(){return j(!1)},tabIndex:0,"data-disabled":u},!!g&&o.createElement(C,null,g),o.createElement(w,e({onClick:B,className:g&&"with-label"},v),s," ",o.createElement("span",null,a&&a.value?a.label:p)),A&&o.createElement(k,{onClick:B,"data-has-icons":!!s},i.map((function(n){return o.createElement(y,{key:"".concat(l,"-").concat(n.value),"data-selected":a&&a.value===n.value||void 0,onClick:function(){return!n.disabled&&!u&&(null==d?void 0:d(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&o.createElement(E,null,n.icon),n.label)}))))},L=i.ul(u||(u=n(["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"],["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),A=i.li(h||(h=n(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"])),d.mbDown,d.mbUp,(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray600})),j=i.div(v||(v=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),B=i.div(m||(m=n(["\n  margin-right: 8px;\n"],["\n  margin-right: 8px;\n"]))),N=function(n){var e=n.style,i=n.initialTab,d=n.tabContent,s=n.onChange,p=n.className,c=n.dataEventCategory,x=n.dataEventAction,b=n.dataEventLabel,g=n.id,u=t(i||0),h=u[0],v=u[1];return a((function(){v(i)}),[i]),o.createElement(L,{style:e,className:p,role:"tablist",id:g},d.map((function(n,e){return o.createElement(A,{"data-is-tab-active":h===e||void 0,"aria-selected":h===e,role:"tab",onClick:function(){v(e),s&&s(e)},onKeyDown:function(n){"Enter"===n.key&&(v(e),s&&s(e))},key:e,"data-event-category":n.dataEventCategory||c,"data-event-action":n.dataEventAction||x,"data-event-label":n.dataEventLabel||b,tabIndex:0,"data-testid":n.dataTestid},o.createElement(j,null,n.icon&&o.createElement(B,null,n.icon),o.createElement(r,{size:n.textSize||"sm",type:n.textType||"bold",color:n.textColor||l.colors.gray800,dataEventCategory:n.dataEventCategory,dataEventAction:n.dataEventAction,dataEventLabel:n.dataEventLabel},n.name)))})))};export{z as D,N as T};

package/build/esm/{index-340d877b.js → index-23c1b7db.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-bfb95386.js";import a from"react";import{U as c}from"./index-13d040f6.js";var t="dZWeHns",n="tMiOKib",r="uDcqD-2",l="pDlsows",s="m-HVXw1",o=function(e){var c=e.children,t=e.className,r=void 0===t?"":t;return a.createElement("div",{className:"".concat(n," ").concat(r)},c)},i=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(r," ").concat(n)},c)},m="sTU4T4I",v="tCql9Je",d="_3j7uYhH",u="PHABgoT",N=function(t){var n=t.avatarProps,r=t.title,l=t.subTitle,s=t.children,N=t.className,f=void 0===N?"":N,E=t.style,h=t.onAvatarClick,b=t.avatarIcon;return a.createElement("div",{className:"".concat(m," ").concat(f),style:E},a.createElement("div",{className:d,onClick:h},a.createElement(c,e({},n)),b&&a.createElement("div",{className:u},b)),a.createElement("div",{className:"".concat(v," ").concat(f)},s||a.createElement(a.Fragment,null,r&&a.createElement(o,null,r),l&&a.createElement(i,null,l))))};N.MainText=o,N.SubText=i,N.SubDivider=function(e){var c=e.className,t=void 0===c?"":c;return a.createElement("span",{className:"".concat(s," ").concat(t)})},N.Row=function(e){var c=e.children,n=e.className,r=void 0===n?"":n;return a.createElement("div",{className:"".concat(t," ").concat(r," row")},c)},N.ColLeft=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(n," col-left")},c)},N.ColRight=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(n," col-right")},c)},N.SubTextRow=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(l," ").concat(n)},c)};export{N as C};
+import{_ as e}from"./tslib.es6-8afd0786.js";import a from"react";import{U as c}from"./index-a9bd8a62.js";var t="dZWeHns",n="tMiOKib",r="uDcqD-2",l="pDlsows",s="m-HVXw1",o=function(e){var c=e.children,t=e.className,r=void 0===t?"":t;return a.createElement("div",{className:"".concat(n," ").concat(r)},c)},i=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(r," ").concat(n)},c)},m="sTU4T4I",v="tCql9Je",d="_3j7uYhH",u="PHABgoT",N=function(t){var n=t.avatarProps,r=t.title,l=t.subTitle,s=t.children,N=t.className,E=void 0===N?"":N,f=t.style,h=t.onAvatarClick,b=t.avatarIcon;return a.createElement("div",{className:"".concat(m," ").concat(E),style:f},a.createElement("div",{className:d,onClick:h},a.createElement(c,e({},n)),b&&a.createElement("div",{className:u},b)),a.createElement("div",{className:"".concat(v," ").concat(E)},s||a.createElement(a.Fragment,null,r&&a.createElement(o,null,r),l&&a.createElement(i,null,l))))};N.MainText=o,N.SubText=i,N.SubDivider=function(e){var c=e.className,t=void 0===c?"":c;return a.createElement("span",{className:"".concat(s," ").concat(t)})},N.Row=function(e){var c=e.children,n=e.className,r=void 0===n?"":n;return a.createElement("div",{className:"".concat(t," ").concat(r," row")},c)},N.ColLeft=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(n," col-left")},c)},N.ColRight=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(n," col-right")},c)},N.SubTextRow=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(l," ").concat(n)},c)};export{N as C};

package/build/esm/{index-8162546b.js → index-24235128.js}

@@ -1 +1 @@
-import n,{useMemo as e}from"react";import{CommonGAssets as a}from"./gAssets.js";import{a as t}from"./tslib.es6-bfb95386.js";import{M as o}from"./utils-d6f6da15.js";import s from"styled-components";import{L as i}from"./logoIcon-a7e594ab.js";import{L as l}from"./Locale-6e104047.js";var r,g,m=s.div(r||(r=t(["\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        margin-left: 0.25rem;\n      }\n    }\n  }\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        margin-left: 0.25rem;\n      }\n    }\n  }\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"])),o.mbDown),p=s.img(g||(g=t(["\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"]))),h={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]},d=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],c=function(t){var o=t.type,s=t.className,l=t.style,r=t.isLightLogo,g=t.customSize,c=t.badge,f=t.locale,x=t.dateForSeasonal,u=t.isPro,w=e((function(){if(!x||isNaN(new Date(x).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var n,e,a=new Date(x),t=(e=(n=a).getDate(),11===n.getMonth()&&e>=16&&e<=25),o=d.includes(f)&&function(n){var e=n.getFullYear(),a=h[e];if(!a)return!1;var t=new Date(e,a[1],a[0]),o=new Date(t);o.setDate(t.getDate()-7);var s=new Date(t);return s.setDate(t.getDate()+5),o<=n&&n<=s}(a),s=!o&&function(n){var e=n.getDate(),a=n.getMonth();return 11===a&&e>=26||0===a&&e<=15}(a);return{isChristmas:t,isLunarNewYear:o,isNewYear:s}}),[f,new Date(x).getDate()]);return n.createElement(m,{className:s,style:l,"data-logo-is-light":r||void 0,"data-has-badge":!!c,"data-christmas":w.isChristmas,"data-new-year":w.isNewYear,"data-lunar-new-year":w.isLunarNewYear},w.isChristmas?n.createElement(n.Fragment,null,n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):w.isNewYear?n.createElement(n.Fragment,null,n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):w.isLunarNewYear?n.createElement(n.Fragment,null,n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,n.createElement(i,{type:o,width:null==g?void 0:g.width,height:null==g?void 0:g.height}),u?n.createElement(p,{src:a.getAssetPath("logo/pro-suffix.svg")}):null,c)},f="d76E4SH",x=function(e){var a=e.children,t=e.className,o=e.style,s=e.type;return n.createElement("div",{className:"".concat(f," ").concat(t||""),style:o,"data-type":s},a)};export{x as C,c as L};
+import n,{useMemo as e}from"react";import{CommonGAssets as a}from"./gAssets.js";import{a as t}from"./tslib.es6-8afd0786.js";import{M as o}from"./utils-c4fbd283.js";import s from"styled-components";import{L as i}from"./logoIcon-998ff0ad.js";import{L as l}from"./Locale-ea1f656d.js";var r,g,m=s.div(r||(r=t(["\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        margin-left: 0.25rem;\n      }\n    }\n  }\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        margin-left: 0.25rem;\n      }\n    }\n  }\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"])),o.mbDown),p=s.img(g||(g=t(["\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"]))),h={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]},d=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],c=function(t){var o=t.type,s=t.className,l=t.style,r=t.isLightLogo,g=t.customSize,c=t.badge,f=t.locale,x=t.dateForSeasonal,u=t.isPro,w=e((function(){if(!x||isNaN(new Date(x).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var n,e,a=new Date(x),t=(e=(n=a).getDate(),11===n.getMonth()&&e>=16&&e<=25),o=d.includes(f)&&function(n){var e=n.getFullYear(),a=h[e];if(!a)return!1;var t=new Date(e,a[1],a[0]),o=new Date(t);o.setDate(t.getDate()-7);var s=new Date(t);return s.setDate(t.getDate()+5),o<=n&&n<=s}(a),s=!o&&function(n){var e=n.getDate(),a=n.getMonth();return 11===a&&e>=26||0===a&&e<=15}(a);return{isChristmas:t,isLunarNewYear:o,isNewYear:s}}),[f,new Date(x).getDate()]);return n.createElement(m,{className:s,style:l,"data-logo-is-light":r||void 0,"data-has-badge":!!c,"data-christmas":w.isChristmas,"data-new-year":w.isNewYear,"data-lunar-new-year":w.isLunarNewYear},w.isChristmas?n.createElement(n.Fragment,null,n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):w.isNewYear?n.createElement(n.Fragment,null,n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):w.isLunarNewYear?n.createElement(n.Fragment,null,n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,n.createElement(i,{type:o,width:null==g?void 0:g.width,height:null==g?void 0:g.height}),u?n.createElement(p,{src:a.getAssetPath("logo/pro-suffix.svg")}):null,c)},f="d76E4SH",x=function(e){var a=e.children,t=e.className,o=e.style,s=e.type;return n.createElement("div",{className:"".concat(f," ").concat(t||""),style:o,"data-type":s},a)};export{x as C,c as L};

package/build/esm/{index-cf7bcd46.js → index-2dbc25e6.js}

@@ -1 +1 @@
-import{a as n,_ as e}from"./tslib.es6-bfb95386.js";import r from"react";import o from"styled-components";import{L as t}from"./index-ea8dcf61.js";import{M as i}from"./utils-d6f6da15.js";var a,l,s,c=o.div(a||(a=n(["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"],["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),d=function(n){var o=n.type,t=n.size,i=void 0===t?"small":t,a=n.label,l=n.name,s=n.checked,d=n.value,h=n.className,u=n.isDisabled,p=void 0!==u&&u,x=n.onChange,b=n.dataEventCategory,g=n.dataEventAction,m=n.dataEventLabel,f=!!g&&!!b&&!!m?{"data-event-category":b,"data-event-action":g,"data-event-label":m}:{};return r.createElement(c,{"data-disabled":p,className:h,"data-type":o,"data-size":i},r.createElement("label",e({style:{display:"flex",alignItems:"center"}},f),r.createElement("input",e({type:"radio",checked:s,name:l,value:d,onChange:function(){return x(d)}},f)),a))},h=o.div(l||(l=n(["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"],["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.neutral50})),u=r.forwardRef((function(n,e){var o,i=n.height,a=n.placeholder,l=n.labelText,s=n.labelColor,c=n.id,d=n.name,u=n.onChange,p=n.value,x=n.className,b=n.onKeyPress,g=n.disabled,m=void 0!==g&&g;return r.createElement(h,{className:x,style:(o={},o["--textarea-height"]=i||"116px",o)},l&&r.createElement(t,{size:"label2",style:{color:s||"#595959"},htmlFor:c},l),r.createElement("textarea",{name:d,ref:e,placeholder:a,id:c,onChange:function(n){return u&&u(n.target.value)},onKeyPress:function(n){return b&&b(n)},value:p,disabled:m}))})),p=o.div(s||(s=n(["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.gray}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),i.mbDown,i.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),x=function(n){var e=n.label,o=n.name,t=n.checked,i=n.className,a=n.isDisabled,l=n.onChange,s=n.value,c=n.isRectangle,d=n.inputDataTestId,h=n.siteType;return r.createElement(p,{className:i,"data-disabled":a||void 0,"data-is-rectangle":c||void 0,"data-label-text":e,"data-theme":h},r.createElement("input",{type:"checkbox",checked:t,name:o,onChange:function(){return l(s,!t)},disabled:a,value:s,id:"".concat(o,"-").concat(s),"data-label-text":e,"data-testid":d}),!c&&r.createElement("label",{htmlFor:"".concat(o,"-").concat(s)},e))};export{x as C,d as R,c as S,u as T};
+import{a as n,_ as e}from"./tslib.es6-8afd0786.js";import r from"react";import o from"styled-components";import{L as t}from"./index-68390e33.js";import{M as i}from"./utils-c4fbd283.js";var a,l,s,c=o.div(a||(a=n(["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"],["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),d=function(n){var o=n.type,t=n.size,i=void 0===t?"small":t,a=n.label,l=n.name,s=n.checked,d=n.value,h=n.className,u=n.isDisabled,p=void 0!==u&&u,x=n.onChange,b=n.dataEventCategory,g=n.dataEventAction,m=n.dataEventLabel,f=!!g&&!!b&&!!m?{"data-event-category":b,"data-event-action":g,"data-event-label":m}:{};return r.createElement(c,{"data-disabled":p,className:h,"data-type":o,"data-size":i},r.createElement("label",e({style:{display:"flex",alignItems:"center"}},f),r.createElement("input",e({type:"radio",checked:s,name:l,value:d,onChange:function(){return x(d)}},f)),a))},h=o.div(l||(l=n(["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"],["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.neutral50})),u=r.forwardRef((function(n,e){var o,i=n.height,a=n.placeholder,l=n.labelText,s=n.labelColor,c=n.id,d=n.name,u=n.onChange,p=n.value,x=n.className,b=n.onKeyPress,g=n.disabled,m=void 0!==g&&g;return r.createElement(h,{className:x,style:(o={},o["--textarea-height"]=i||"116px",o)},l&&r.createElement(t,{size:"label2",style:{color:s||"#595959"},htmlFor:c},l),r.createElement("textarea",{name:d,ref:e,placeholder:a,id:c,onChange:function(n){return u&&u(n.target.value)},onKeyPress:function(n){return b&&b(n)},value:p,disabled:m}))})),p=o.div(s||(s=n(["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.gray}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),i.mbDown,i.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),x=function(n){var e=n.label,o=n.name,t=n.checked,i=n.className,a=n.isDisabled,l=n.onChange,s=n.value,c=n.isRectangle,d=n.inputDataTestId,h=n.siteType;return r.createElement(p,{className:i,"data-disabled":a||void 0,"data-is-rectangle":c||void 0,"data-label-text":e,"data-theme":h},r.createElement("input",{type:"checkbox",checked:t,name:o,onChange:function(){return l(s,!t)},disabled:a,value:s,id:"".concat(o,"-").concat(s),"data-label-text":e,"data-testid":d}),!c&&r.createElement("label",{htmlFor:"".concat(o,"-").concat(s)},e))};export{x as C,d as R,c as S,u as T};

package/build/esm/{index-412ffd4b.js → index-4001ddab.js}

@@ -1 +1 @@
-import e,{useRef as t,useState as l}from"react";import{_ as n,d as i,a}from"./tslib.es6-bfb95386.js";import{CommonGAssets as r}from"./gAssets.js";import{L as c}from"./index-ea8dcf61.js";import{M as h}from"./utils-d6f6da15.js";import s from"styled-components";var d=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/cambodiaRound.png"),style:n({borderRadius:"50%"},t.style)},t))},o=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/cambodiaSquare.png")},t))},m=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),e.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),e.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),e.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),e.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),e.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),e.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),e.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),e.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),e.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),e.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),e.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),e.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),e.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),e.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),e.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),e.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),e.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),e.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),e.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),e.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),e.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),e.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),e.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),e.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),e.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),e.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"})))},p=function(t){return e.createElement("svg",n({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},e.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),e.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),e.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),e.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),e.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),e.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),e.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),e.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),e.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),e.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},f=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/indiaRound.png"),style:n({borderRadius:"50%"},t.style)},t))},u=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/indiaSquare.png")},t))},E=function(l){var a=l.isTesting,r=i(l,["isTesting"]),c=t("id-flag-round-mask-"+(a?1:Math.random()));return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("mask",{id:c.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("g",{mask:"url(#".concat(c.current,")")},e.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),e.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},w=function(l){var a=l.isTesting,r=i(l,["isTesting"]),c=t("id-flag-clip-"+(a?1:Math.random()));return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("g",{clipPath:"url(#".concat(c.current,")")},e.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),e.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),e.createElement("defs",null,e.createElement("clipPath",{id:c.current},e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},L=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),e.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"})))},g=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),e.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),e.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"}))},C=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),e.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),e.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},y=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),e.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),e.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},x=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/philippineRound.png"),style:n({borderRadius:"50%"},t.style)},t))},v=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/philippineSquare.png")},t))},M=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),e.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),e.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),e.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),e.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),e.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),e.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),e.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),e.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),e.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),e.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),e.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),e.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),e.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),e.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),e.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))))},Z=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),e.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),e.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),e.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),e.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),e.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),e.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),e.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),e.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),e.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),e.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),e.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),e.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),e.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),e.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))},b=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),e.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},H=function(t){return e.createElement("svg",n({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),e.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},V=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),e.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"})))},k=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("g",null,e.createElement("clipPath",null,e.createElement("rect",{width:"24",height:"16",fill:"white"})),e.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),e.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})))},R="pfaLGRK",B=function(t){var l,n,i=t.country,a=t.language,r=t.rounded,c=t.height,h=t.width,s=t.isTesting;switch(a){case"en":l=e.createElement(p,null),n=e.createElement(m,null);break;case"vi":l=e.createElement(k,null),n=e.createElement(V,null);break;case"id":l=e.createElement(w,{isTesting:s}),n=e.createElement(E,{isTesting:s});break;case"th":l=e.createElement(H,null),n=e.createElement(b,null);break;case"km":l=e.createElement(o,null),n=e.createElement(d,null);break;case"ms":l=e.createElement(g,null),n=e.createElement(L,null);break;case"my":l=e.createElement(y,null),n=e.createElement(C,null);break;case"tl":l=e.createElement(v,null),n=e.createElement(x,null);break;case"hi":l=e.createElement(u,null),n=e.createElement(f,null);break;case"zh":l=e.createElement(Z,null),n=e.createElement(M,null)}if(!l&&!n)switch(i){case"VN":l=e.createElement(k,null),n=e.createElement(V,null);break;case"ID":l=e.createElement(w,{isTesting:s}),n=e.createElement(E,{isTesting:s});break;case"TH":l=e.createElement(H,null),n=e.createElement(b,null);break;case"KH":l=e.createElement(o,null),n=e.createElement(d,null);break;case"MY":l=e.createElement(g,null),n=e.createElement(L,null);break;case"MM":l=e.createElement(y,null),n=e.createElement(C,null);break;case"PH":l=e.createElement(v,null),n=e.createElement(x,null);break;case"IN":l=e.createElement(u,null),n=e.createElement(f,null);break;case"TW":l=e.createElement(Z,null),n=e.createElement(M,null)}return e.createElement("div",{className:R,style:{"--width":h||20,"--height":c||20}},r?n:l)},F=s.div(z||(z=a(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.red700}),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue200}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.sizes.fwRegular}),h.mbDown,h.mbUp,(function(e){return e.theme.sizes.fwRegular}),h.mbDown,h.mbUp,(function(e){return e.theme.sizes.fwRegular}),h.mbDown,h.mbUp);s.label(D||(D=a(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.gray600}),(function(e){return e.theme.sizes.fwBold}));var z,D,U,T,A,P=s.label(U||(U=a(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.red700}),(function(e){return e.theme.sizes.fwRegular})),N=s.div(T||(T=a(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),S=s.div(A||(A=a(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),I=e.forwardRef((function(t,a){var r=t.name,h=t.errorMessage,s=t.autoComplete,d=void 0===s?"off":s,o=t.defaultValue,m=t.actionIcon,p=t.displayIcon,f=t.isDeleteAction,u=t.onActionClick,E=t.label,w=t.placeholder,L=t.className,g=t.onChange,C=t.onKeyPress,y=t.isDisabled,x=t.CustomInput,v=t.size,M=t.style,Z=t.autoFocus,b=t.type,H=void 0===b?"text":b,V=t.isNumerousKeyboard,k=void 0!==V&&V,R=t.onFocus,B=t.enterKeyHint,z=t.nativeOnChange,D=i(t,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),U=l(o),T=U[0],A=U[1];return e.createElement(F,{"data-size":v,className:L,"data-has-action-icon":!!m||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":h&&h.length>0||void 0,style:M},E&&e.createElement(c,{size:"label2",htmlFor:r,className:"inputLabel"},E),e.createElement("div",{style:{position:"relative"}},x||e.createElement("input",n({id:r,name:r,placeholder:w,onChange:null!=z?z:function(e){return t=e.target.value,A(t),void g(t);var t},onKeyPress:C,type:H,"aria-label":H,disabled:y,value:T,autoComplete:d,ref:a,autoFocus:Z,inputMode:k||"number"===H?"numeric":H,pattern:k?"[0-9]*":".*",onFocus:R,enterKeyHint:B},D)),p&&e.createElement(S,{className:"displayIcon"},p),m&&e.createElement(N,{className:"actionIcon",onClick:function(){var e;f&&(A(""),null===(e=a.current)||void 0===e||e.focus()),u&&u()}},m)),h&&h.length>0&&e.createElement(P,{className:"errorLabel"},h))}));I.displayName="PureInput";export{B as F,I as P};
+import e,{useRef as t,useState as l}from"react";import{_ as n,d as i,a}from"./tslib.es6-8afd0786.js";import{CommonGAssets as r}from"./gAssets.js";import{L as c}from"./index-68390e33.js";import{M as h}from"./utils-c4fbd283.js";import s from"styled-components";var d=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/cambodiaRound.png"),style:n({borderRadius:"50%"},t.style)},t))},o=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/cambodiaSquare.png")},t))},m=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),e.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),e.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),e.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),e.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),e.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),e.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),e.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),e.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),e.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),e.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),e.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),e.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),e.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),e.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),e.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),e.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),e.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),e.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),e.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),e.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),e.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),e.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),e.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),e.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),e.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),e.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"})))},p=function(t){return e.createElement("svg",n({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},e.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),e.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),e.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),e.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),e.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),e.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),e.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),e.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),e.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),e.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},f=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/indiaRound.png"),style:n({borderRadius:"50%"},t.style)},t))},u=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/indiaSquare.png")},t))},E=function(l){var a=l.isTesting,r=i(l,["isTesting"]),c=t("id-flag-round-mask-"+(a?1:Math.random()));return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("mask",{id:c.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("g",{mask:"url(#".concat(c.current,")")},e.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),e.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},w=function(l){var a=l.isTesting,r=i(l,["isTesting"]),c=t("id-flag-clip-"+(a?1:Math.random()));return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("g",{clipPath:"url(#".concat(c.current,")")},e.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),e.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),e.createElement("defs",null,e.createElement("clipPath",{id:c.current},e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},L=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),e.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"})))},g=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),e.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),e.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"}))},C=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),e.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),e.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},y=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),e.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),e.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},x=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/philippineRound.png"),style:n({borderRadius:"50%"},t.style)},t))},v=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/philippineSquare.png")},t))},M=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),e.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),e.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),e.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),e.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),e.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),e.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),e.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),e.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),e.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),e.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),e.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),e.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),e.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),e.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),e.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))))},Z=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),e.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),e.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),e.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),e.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),e.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),e.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),e.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),e.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),e.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),e.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),e.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),e.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),e.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),e.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))},b=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),e.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},H=function(t){return e.createElement("svg",n({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),e.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},V=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),e.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"})))},k=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("g",null,e.createElement("clipPath",null,e.createElement("rect",{width:"24",height:"16",fill:"white"})),e.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),e.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})))},R="pfaLGRK",B=function(t){var l,n,i=t.country,a=t.language,r=t.rounded,c=t.height,h=t.width,s=t.isTesting;switch(a){case"en":l=e.createElement(p,null),n=e.createElement(m,null);break;case"vi":l=e.createElement(k,null),n=e.createElement(V,null);break;case"id":l=e.createElement(w,{isTesting:s}),n=e.createElement(E,{isTesting:s});break;case"th":l=e.createElement(H,null),n=e.createElement(b,null);break;case"km":l=e.createElement(o,null),n=e.createElement(d,null);break;case"ms":l=e.createElement(g,null),n=e.createElement(L,null);break;case"my":l=e.createElement(y,null),n=e.createElement(C,null);break;case"tl":l=e.createElement(v,null),n=e.createElement(x,null);break;case"hi":l=e.createElement(u,null),n=e.createElement(f,null);break;case"zh":l=e.createElement(Z,null),n=e.createElement(M,null)}if(!l&&!n)switch(i){case"VN":l=e.createElement(k,null),n=e.createElement(V,null);break;case"ID":l=e.createElement(w,{isTesting:s}),n=e.createElement(E,{isTesting:s});break;case"TH":l=e.createElement(H,null),n=e.createElement(b,null);break;case"KH":l=e.createElement(o,null),n=e.createElement(d,null);break;case"MY":l=e.createElement(g,null),n=e.createElement(L,null);break;case"MM":l=e.createElement(y,null),n=e.createElement(C,null);break;case"PH":l=e.createElement(v,null),n=e.createElement(x,null);break;case"IN":l=e.createElement(u,null),n=e.createElement(f,null);break;case"TW":l=e.createElement(Z,null),n=e.createElement(M,null)}return e.createElement("div",{className:R,style:{"--width":h||20,"--height":c||20}},r?n:l)},F=s.div(z||(z=a(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.red700}),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue200}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.sizes.fwRegular}),h.mbDown,h.mbUp,(function(e){return e.theme.sizes.fwRegular}),h.mbDown,h.mbUp,(function(e){return e.theme.sizes.fwRegular}),h.mbDown,h.mbUp);s.label(D||(D=a(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.gray600}),(function(e){return e.theme.sizes.fwBold}));var z,D,U,T,A,P=s.label(U||(U=a(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.red700}),(function(e){return e.theme.sizes.fwRegular})),N=s.div(T||(T=a(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),S=s.div(A||(A=a(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),I=e.forwardRef((function(t,a){var r=t.name,h=t.errorMessage,s=t.autoComplete,d=void 0===s?"off":s,o=t.defaultValue,m=t.actionIcon,p=t.displayIcon,f=t.isDeleteAction,u=t.onActionClick,E=t.label,w=t.placeholder,L=t.className,g=t.onChange,C=t.onKeyPress,y=t.isDisabled,x=t.CustomInput,v=t.size,M=t.style,Z=t.autoFocus,b=t.type,H=void 0===b?"text":b,V=t.isNumerousKeyboard,k=void 0!==V&&V,R=t.onFocus,B=t.enterKeyHint,z=t.nativeOnChange,D=i(t,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),U=l(o),T=U[0],A=U[1];return e.createElement(F,{"data-size":v,className:L,"data-has-action-icon":!!m||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":h&&h.length>0||void 0,style:M},E&&e.createElement(c,{size:"label2",htmlFor:r,className:"inputLabel"},E),e.createElement("div",{style:{position:"relative"}},x||e.createElement("input",n({id:r,name:r,placeholder:w,onChange:null!=z?z:function(e){return t=e.target.value,A(t),void g(t);var t},onKeyPress:C,type:H,"aria-label":H,disabled:y,value:T,autoComplete:d,ref:a,autoFocus:Z,inputMode:k||"number"===H?"numeric":H,pattern:k?"[0-9]*":".*",onFocus:R,enterKeyHint:B},D)),p&&e.createElement(S,{className:"displayIcon"},p),m&&e.createElement(N,{className:"actionIcon",onClick:function(){var e;f&&(A(""),null===(e=a.current)||void 0===e||e.focus()),u&&u()}},m)),h&&h.length>0&&e.createElement(P,{className:"errorLabel"},h))}));I.displayName="PureInput";export{B as F,I as P};