@hhgtech/hhg-components 1.23.77-beta-4 → 1.23.77-beta-6

package/build/esm/index-1ae35427.js

@@ -0,0 +1 @@
+import a,{useState as e,useEffect as t}from"react";import{z as r}from"./index.styled-3ca5aca3.js";import{u as n}from"./useTranslations-02937385.js";import{T as o}from"./index-c346ff8f.js";import{bp as d,bq as i,br as s,bs as c}from"./index.styled-bbaa0ce8.js";import{t as l}from"./theme-12beadf8.js";var m=function(e){var t=e.type,n=void 0===t?"solid":t,o=e.className,d=e.style;return a.createElement(r,{style:d,className:o,"data-diver-type":n,dividerType:n})},u="U9NRDG6",b={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},y=function(e){var t=e.siteType,r=e.role,o=e.title,d=n().t,i=r?function(a){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===a}))}(r):"";return i&&b[i]?a.createElement("div",{className:u,"data-label-type":i,"data-is-marrybaby":"marryBaby"===t},o||d(b[i])):null},v=function(r){var n=r.style,m=r.initialTab,u=r.tabContent,b=r.onChange,y=r.className,v=r.dataEventCategory,f=r.dataEventAction,p=r.dataEventLabel,E=r.id,A=e(m||0),x=A[0],g=A[1];return t((function(){g(m)}),[m]),a.createElement(d,{style:n,className:y,role:"tablist",id:E},u.map((function(e,t){return a.createElement(i,{"data-is-tab-active":x===t||void 0,"aria-selected":x===t,role:"tab",onClick:function(){g(t),b&&b(t)},onKeyDown:function(a){"Enter"===a.key&&(g(t),b&&b(t))},key:t,"data-event-category":e.dataEventCategory||v,"data-event-action":e.dataEventAction||f,"data-event-label":e.dataEventLabel||p,tabIndex:0,"data-testid":e.dataTestid},a.createElement(s,null,e.icon&&a.createElement(c,null,e.icon),a.createElement(o,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||l.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))};export{y as A,m as D,v as T};

package/build/esm/index-257e9e4a.js

@@ -0,0 +1 @@
+import{b as e,_ as t}from"./tslib.es6-f1efc9f6.js";import a from"react";import{S as r,a as o}from"./index.styled-ca8d38d3.js";var l=function(o){var l=o.type,s=o.color,y=o.style,c=e(o,["type","color","style"]);return a.createElement(r,t({type:l,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[l],style:t(t({},s&&{"--text-color":s}),y)},c))},s=function(r){var l=r.type,s=r.color,y=r.style,c=e(r,["type","color","style"]);return a.createElement(o,t({"data-type":l,style:t(t({},y),s&&{"--text-color":s})},c))};export{s as M,l as a};

package/build/esm/{index-c9663962.js → index-43b4948b.js}

@@ -1 +1 @@
-import{b as a,_ as t}from"./tslib.es6-58e27630.js";import e from"react";var o="P03rcnV",d="LsvykAk",c="S2kaD9B",i="fAwTdkg",n="ITgol3T",r="cD-HMFz",s="oAG2-aJ",l="Y9fGCaj",C=function(C){var m=C.size,u=C.color,h=void 0===u?"primary":u,p=C.theme,v=void 0===p?"helloSites":p,P=C.isDisabled,g=C.isBlock,k=C.title,E=C.className,y=C.onClick,N=C.icon,b=C.iconPosition,f=void 0===b?"left":b,w=C.children,L=C.isLoading,B=void 0!==L&&L,x=C.loadingText,A=C.dataEventCategory,T=C.dataEventAction,z=C.dataEventLabel,D=C.dataProductChannel,S=C.dataProductSku,F=C.dataProductBrand,M=C.dataProductName,j=C.dataProductPrice,G=C.dataProductCategory,W=C.dataProductPosition,Z=C.type,H=a(C,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]),I={"data-event-category":A,"data-event-action":T,"data-event-label":z,"data-product-channel":D,"data-product-sku":S,"data-product-brand":F,"data-product-name":M,"data-product-price":j,"data-product-category":G,"data-product-position":W},J=e.createElement("span",{className:d},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{className:l,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.createElement("svg",{className:o,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.createElement("path",{className:s,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),V=(N||B)&&e.createElement("span",{className:r},B?J:N," ");return e.createElement("button",t({},I,{className:"".concat(n," ").concat(E||""),"data-size":m,"data-color":h,"data-block":g,"data-has-icon":!!N||void 0,"data-theme":v,disabled:P,onClick:function(a){!B&&!P&&y&&y(a)},title:k,"data-is-loading":B,type:Z},H),e.createElement("span",{className:i},"left"===f&&V,w&&e.createElement("span",{className:c},B&&x||w),"right"===f&&V))};export{C as B};
+import{b as a,_ as t}from"./tslib.es6-f1efc9f6.js";import e from"react";var o="P03rcnV",d="LsvykAk",c="S2kaD9B",i="fAwTdkg",n="ITgol3T",r="cD-HMFz",s="oAG2-aJ",l="Y9fGCaj",C=function(C){var m=C.size,u=C.color,h=void 0===u?"primary":u,p=C.theme,v=void 0===p?"helloSites":p,P=C.isDisabled,g=C.isBlock,k=C.title,E=C.className,f=C.onClick,y=C.icon,N=C.iconPosition,b=void 0===N?"left":N,w=C.children,L=C.isLoading,B=void 0!==L&&L,x=C.loadingText,A=C.dataEventCategory,T=C.dataEventAction,z=C.dataEventLabel,D=C.dataProductChannel,S=C.dataProductSku,F=C.dataProductBrand,M=C.dataProductName,j=C.dataProductPrice,G=C.dataProductCategory,W=C.dataProductPosition,Z=C.type,H=a(C,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]),I={"data-event-category":A,"data-event-action":T,"data-event-label":z,"data-product-channel":D,"data-product-sku":S,"data-product-brand":F,"data-product-name":M,"data-product-price":j,"data-product-category":G,"data-product-position":W},J=e.createElement("span",{className:d},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{className:l,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.createElement("svg",{className:o,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),e.createElement("path",{className:s,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),V=(y||B)&&e.createElement("span",{className:r},B?J:y," ");return e.createElement("button",t({},I,{className:"".concat(n," ").concat(E||""),"data-size":m,"data-color":h,"data-block":g,"data-has-icon":!!y||void 0,"data-theme":v,disabled:P,onClick:function(a){!B&&!P&&f&&f(a)},title:k,"data-is-loading":B,type:Z},H),e.createElement("span",{className:i},"left"===b&&V,w&&e.createElement("span",{className:c},B&&x||w),"right"===b&&V))};export{C as B};

package/build/esm/index-63bc3e3d.js

@@ -0,0 +1 @@
+import e from"react";import{u as a}from"./useTranslations-02937385.js";import{t}from"./theme-12beadf8.js";import{I as r}from"./index-f54ad376.js";import{I as o}from"./index-da088370.js";import{M as i}from"./index-257e9e4a.js";import{T as s}from"./index-c346ff8f.js";import{aa as m}from"./index.styled-3ca5aca3.js";var c=function(c){var n=c.isActive,l=c.onChange,d=c.value,p=void 0===d?"":d,f=c.onInputChange,v=c.siteType,y=a().t,h="marryBaby"===v;return e.createElement(m,{onClick:function(){return l("new")},"data-is-mb":h,"data-isActive":h&&n},"marryBaby"===v?e.createElement("div",{className:"title"},e.createElement(i,{type:"bodytext-1",color:t.colors.gray800},y("chooseBaby.new")),e.createElement("div",{className:n?"radio active":"radio"},n&&e.createElement(r.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(s,{size:"p2",color:t.colors.gray800},y("chooseBaby.new")),e.createElement("div",{className:n?"radio active":"radio"})),e.createElement(o,{name:"name",value:p,size:"md",placeholder:y("chooseBaby.placeholder"),type:"text",onChange:f}))};export{c as N};

package/build/esm/index-6e93e261.js

@@ -0,0 +1 @@
+import{b as e,_ as r}from"./tslib.es6-f1efc9f6.js";import l from"react";import{L as a}from"./Locale-184cc642.js";import{S as n,a as o,b as t}from"./index.styled-ffbc413a.js";var i=function(i){var s=i.data,c=i.isMobile,m=i.onSlideChange,d=i.pillProps,p=i.locale,b=void 0===p?a.Vietnam:p,u=i.blurFromIndex,f=i.blurLength,h=e(i,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),g={withControls:!c,slideGap:16,blurFromCenter:!0,blurFromIndex:u||(c?2:4),blurLength:f||(c?1:3),onSlideChange:m};return l.createElement(n,r({},g,h),(function(e){return s.map((function(a,n){return l.createElement(o,r({key:n,onClick:m},d),l.createElement("div",{className:"centerred-pill-wrapper"},l.createElement(t,{locale:b,name:a.name,icon:a.icon,className:n===e?"selected-week-pill":""})))}))}))};export{i as P};

package/build/esm/{index-418da995.js → index-7f3521ca.js}

@@ -1 +1 @@
-import{b as e,_ as n}from"./tslib.es6-58e27630.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({}),p=function(e,n){return e>=n?e-n:e},f=function(l){var i=l.children,a=l.blurFromCenter,f=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=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?f+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 p(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===p(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))};f.Slide=function(l){var d=l.children,u=l.onClick,p=e(l,["children","onClick"]),f=i(s),v=f.slider,h=f.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(a,n({},y,p),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(g)),null==u||u(g)}},d))};export{f as C};
+import{b as e,_ as n}from"./tslib.es6-f1efc9f6.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,g=l.selectSlideWhenClick,b=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: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,u=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(a,n({},y,f),r.createElement("div",{onClick:function(){h&&(null==v||v.scrollTo(g)),null==u||u(g)}},d))};export{p as C};

package/build/esm/{index-9faa3205.js → index-82107a20.js}

@@ -1 +1 @@
-import{b as e,_ as t}from"./tslib.es6-58e27630.js";import r from"react";import{CommonGAssets as l}from"./gAssets.js";import{S as n}from"./index-6e205d5d.js";var o=function(o){var s=o.title,a=e(o,["title"]);return r.createElement(r.Fragment,null,r.createElement(n,t({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},a,{withCloseButton:!1,title:a.withCloseButton&&r.createElement(r.Fragment,null,s,r.createElement("img",{className:"mantine-Modal-close",src:l.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))};export{o as M};
+import{b as e,_ as t}from"./tslib.es6-f1efc9f6.js";import r from"react";import{CommonGAssets as l}from"./gAssets.js";import{S as n}from"./index-d59c572e.js";var o=function(o){var s=o.title,a=e(o,["title"]);return r.createElement(r.Fragment,null,r.createElement(n,t({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},a,{withCloseButton:!1,title:a.withCloseButton&&r.createElement(r.Fragment,null,s,r.createElement("img",{className:"mantine-Modal-close",src:l.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))};export{o as M};

package/build/esm/{index-ec5abf09.js → index-8293b223.js}

@@ -1 +1 @@
-import{e as n}from"./tslib.es6-58e27630.js";import{M as t}from"./utils-ae601318.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as i}from"./gAssets.js";import{L as l}from"./Locale-7a3b74fc.js";var h,r,g=e.div(h||(h=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"],["\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"])),t.mbDown),p=e.img(r||(r=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=a((function(n){var t=n.type,e=n.width,a=n.height,l=s((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:i.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:i.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:i.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:i.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:i.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:i.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:i.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:i.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:i.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:i.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:i.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:i.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:i.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:i.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a])||{},h=l.src,r=l.width,g=l.height;return o.createElement("img",{className:"main-logo-icon",src:h,style:{width:r,height:g}})})),d=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},c={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]},x=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],f=function(n){var t=n.getFullYear(),e=c[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var s=new Date(o);return s.setDate(o.getDate()+5),a<=n&&n<=s},u=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},w="d76E4SH",y=function(n){var t=n.children,e=n.className,a=n.style,s=n.type;return o.createElement("div",{className:"".concat(w," ").concat(e||""),style:a,"data-type":s},t)};export{y as C,x as L,g as S,f as a,u as b,m as c,p as d,d as i};
+import{e as n}from"./tslib.es6-f1efc9f6.js";import{M as t}from"./utils-9e61d434.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as i}from"./gAssets.js";import{L as l}from"./Locale-184cc642.js";var h,r,g=e.div(h||(h=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"],["\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"])),t.mbDown),p=e.img(r||(r=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=a((function(n){var t=n.type,e=n.width,a=n.height,l=s((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:a||"24px",src:i.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:a||"24px",src:i.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:a||"27px",src:i.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:a||"24px",src:i.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:a||"24px",src:i.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:a||"24px",src:i.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:a||"24px",src:i.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:a||"24px",src:i.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:a||"24px",src:i.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:a||"24px",src:i.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:a||"24px",src:i.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:a||"24px",src:i.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:a||"57px",src:i.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:a||"28px",src:i.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,a])||{},h=l.src,r=l.width,g=l.height;return o.createElement("img",{className:"main-logo-icon",src:h,style:{width:r,height:g}})})),d=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},c={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]},x=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],f=function(n){var t=n.getFullYear(),e=c[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var s=new Date(o);return s.setDate(o.getDate()+5),a<=n&&n<=s},u=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},w="d76E4SH",y=function(n){var t=n.children,e=n.className,a=n.style,s=n.type;return o.createElement("div",{className:"".concat(w," ").concat(e||""),style:a,"data-type":s},t)};export{y as C,x as L,g as S,f as a,u as b,m as c,p as d,d as i};

package/build/esm/{index-fc2cd7e3.js → index-939cdb3f.js}

@@ -1 +1 @@
-import{_ as e,b as n}from"./tslib.es6-58e27630.js";import t,{useState as a,useEffect as o,forwardRef as r}from"react";import{createEmotionCache as i,FileInput as s,NumberInput as l,PasswordInput as u,TextInput as c,Input as m}from"@mantine/core";import{useDebouncedValue as f}from"@mantine/hooks";import{CommonGAssets as p}from"./gAssets.js";var d="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function g(e){var n={exports:{}};return e(n,n.exports),n.exports}var v=300,h=i({key:"mantine",prepend:!1}),b=function(r){var i=r.value,s=r.onChange,u=n(r,["value","onChange"]),c=a(i),m=c[0],p=c[1],d=f(m,300)[0];return o((function(){null==s||s(d)}),[d]),o((function(){p(i)}),[i]),t.createElement(l,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:p,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?e:e||""},removeTrailingZeros:!0,value:m},u))},w=p.getAssetPath("EyeVisible.svg"),y=p.getAssetPath("EyeHidden.svg"),C=r((function(a,o){var r=a.size,i=void 0===r?"md":r,s=a.visibilityToggleIcon,l=n(a,["size","visibilityToggleIcon"]),c=s||function(e){var n=e.reveal,a=e.size;return n?t.createElement("img",{src:w,width:a}):t.createElement("img",{src:y,width:a})};return t.createElement(u,e({ref:o,size:i,visibilityToggleIcon:c},l,{className:"input-control ".concat((null==l?void 0:l.className)||"")}))})),I=r((function(r,i){var s=r.value,l=r.onChange,u=r.onChangeRaw,m=n(r,["value","onChange","onChangeRaw"]),p=a(s||""),d=p[0],g=p[1],v=f(d,300)[0];return o((function(){null==l||l(v)}),[v]),o((function(){g(s)}),[s]),t.createElement(c,e({ref:i,size:"md",onChange:function(e){null==u||u(e),g(e.currentTarget.value)},value:d},m,{className:"input-control ".concat((null==m?void 0:m.className)||"")}))}));I.File=function(n){return t.createElement(s,e({size:"md"},n))},I.Password=C,I.Number=b,I.Wrapper=m.Wrapper;export{v as D,I,b as N,C as P,d as a,g as c,h as e};
+import{_ as e,b as n}from"./tslib.es6-f1efc9f6.js";import t,{useState as a,useEffect as o,forwardRef as r}from"react";import{createEmotionCache as i,FileInput as s,NumberInput as l,PasswordInput as u,TextInput as c,Input as m}from"@mantine/core";import{useDebouncedValue as f}from"@mantine/hooks";import{CommonGAssets as p}from"./gAssets.js";var d="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function g(e){var n={exports:{}};return e(n,n.exports),n.exports}var v=300,h=i({key:"mantine",prepend:!1}),b=function(r){var i=r.value,s=r.onChange,u=n(r,["value","onChange"]),c=a(i),m=c[0],p=c[1],d=f(m,300)[0];return o((function(){null==s||s(d)}),[d]),o((function(){p(i)}),[i]),t.createElement(l,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:p,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?e:e||""},removeTrailingZeros:!0,value:m},u))},w=p.getAssetPath("EyeVisible.svg"),y=p.getAssetPath("EyeHidden.svg"),C=r((function(a,o){var r=a.size,i=void 0===r?"md":r,s=a.visibilityToggleIcon,l=n(a,["size","visibilityToggleIcon"]),c=s||function(e){var n=e.reveal,a=e.size;return n?t.createElement("img",{src:w,width:a}):t.createElement("img",{src:y,width:a})};return t.createElement(u,e({ref:o,size:i,visibilityToggleIcon:c},l,{className:"input-control ".concat((null==l?void 0:l.className)||"")}))})),I=r((function(r,i){var s=r.value,l=r.onChange,u=r.onChangeRaw,m=n(r,["value","onChange","onChangeRaw"]),p=a(s||""),d=p[0],g=p[1],v=f(d,300)[0];return o((function(){null==l||l(v)}),[v]),o((function(){g(s)}),[s]),t.createElement(c,e({ref:i,size:"md",onChange:function(e){null==u||u(e),g(e.currentTarget.value)},value:d},m,{className:"input-control ".concat((null==m?void 0:m.className)||"")}))}));I.File=function(n){return t.createElement(s,e({size:"md"},n))},I.Password=C,I.Number=b,I.Wrapper=m.Wrapper;export{v as D,I,b as N,C as P,d as a,g as c,h as e};

package/build/esm/{index-fa08e02c.js → index-b6b7daf0.js}

@@ -1 +1 @@
-import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-58e27630.js";import i,{useContext as a,useState as l,useRef as s,useEffect as c,useMemo as d,createContext as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-b5474f39.js";import{B as h}from"./index-c9663962.js";import"./gAssets.js";import"./index.styled-17d75ead.js";import{c as f}from"./index-ec5abf09.js";import{M as x}from"./utils-ae601318.js";import{t as E}from"./theme-2af22589.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-750a331c.js";import{u as w}from"./useTranslations-f8984872.js";import"./index-20b43d6e.js";import"lodash/debounce";import"./isProduction-6125d42f.js";import{L as P}from"./index-8e955663.js";import"dayjs";import"./screenSizeContext-888e2471.js";import k from"styled-components";import{L as S}from"./Locale-7a3b74fc.js";import"./translationsContext-2765b946.js";import"string-format";import{useForm as C,yupResolver as M}from"@mantine/form";import{e as j,O as T,D as I,R as N}from"./index-6e205d5d.js";import*as z from"yup";import L from"lodash/throttle";import{T as B}from"./index-41049c3f.js";import{P as O}from"./index-fc2cd7e3.js";import"./index-418da995.js";import{format as F}from"date-fns";import{V as D}from"./Visible-42d7b702.js";var V,H,U,q,R,A,_,W,Y=k.div(V||(V=n([""],[""]))),K=k(B)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),Z=k.div(U||(U=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),G=k(y)(q||(q=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),x.mbDown),J=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),Q=function(n){var t,r=n.heading,l=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=a(Ln),u=p.isMarryBaby,g=p.siteType;return i.createElement(G,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(Z,null,d&&i.createElement(J,{src:d,loading:"lazy"}),i.createElement(Y,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(K,{size:"p3",color:E.colors.gray600},l)),s))},X=function(n){return z.object().shape({phone:z.string().required(n("onboarding.updatePhone.error")).default("")})},$=function(n){return z.object().shape({otp:z.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},nn=function(n){return z.object().shape({email:z.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:z.string().required(n("onboarding.errorMessage.requiredName"))})},en=function(n){return z.object().shape({password:z.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:z.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([z.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},on=k(Q)(A||(A=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),x.mbDown),tn=((_={})[S.Vietnam]="VN",_[S.Cambodia]="KH",_[S.Indonesia]="ID",_[S.Malaysia]="MY",_[S.PhilippinesEnglish]="PH",_[S.PhilippinesTagalog]="PH",_[S.Taiwan]="TW",_[S.Thailand]="TH",_[S.Myanmar]="MM",_),rn=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=C({initialValues:{phone:""},validate:M(X(d))});return i.createElement(on,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(j,o({defaultCountry:tn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(W={})[S.Vietnam]="VN",W[S.Cambodia]="KH",W[S.Indonesia]="ID",W[S.Malaysia]="MY",W[S.PhilippinesEnglish]="PH",W[S.PhilippinesTagalog]="PH",W[S.Taiwan]="TW",W[S.Thailand]="TH",W[S.Myanmar]="MM";var an,ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},En=k(Q)(an||(an=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),x.mbDown,x.mbDown),yn=function(n){var e=n.onSubmit,m=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,S=n.outOfEdit,j=a(Ln),I=j.siteType,N=j.isMarryBaby,z=l(30),O=z[0],F=z[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=s(!0),R=w().t;c((function(){return D.start(),D.stop}),[]),c((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=C({initialValues:{otp:""},validate:M($(R))});c((function(){f&&A.setFieldError("otp",f)}),[f]);var _=d((function(){return L((function(){q.current||(U.increment(),F(30),null==b||b(m||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[m,p,b,D]);return i.createElement(En,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:m?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(m.slice(0,-3).replace(/./g,"x").concat(m.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(xn(p),"</b>")})}}),!S&&i.createElement("svg",{onClick:function(){null==P||P()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},i.createElement("form",{onSubmit:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(T,o({enterKeyHint:void 0,nonce:void 0},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(B,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(B,{as:"a",size:"p4",color:N?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:I,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:I,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,d=n.initialData,m=w().t,p=a(Ln).siteType,u=C({validate:M(nn(m))});return c((function(){u.setValues(o(o({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),c((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(Q,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(I,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(N.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(N,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(N,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=C({initialValues:{password:"",confirmPassword:""},validate:M(en(s))});return i.createElement(Q,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},Pn=k.div(ln||(ln=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),kn=k.div(sn||(sn=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),x.lgPcUp),Sn=k.div(cn||(cn=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),x.lgPcUp),Cn=k.div(dn||(dn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),x.lgPcUp),Mn=k.div(mn||(mn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),jn=k.div(pn||(pn=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Tn=k(b)(un||(un=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),In=k(B)(gn||(gn=n([""],[""]))),Nn=k.img(bn||(bn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),zn=k.div(hn||(hn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(fn||(fn={}));var Ln=m({}),Bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[fn.Phone,fn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=l(m||d[0]),F=O[0],D=O[1],V=l(""),H=V[0],U=V[1],q=l(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],Y=_[1],K=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),Z=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),G=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,b(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){W>=2||(Y.increment(),Z())},X="marryBaby"===z;return console.log({isMarryBaby:X}),i.createElement(Ln.Provider,{value:{siteType:z,isMarryBaby:X}},i.createElement(Pn,o({},L),d.length>0?i.createElement(kn,null,i.createElement(Sn,{"data-has-banner":"object"==typeof I},F===fn.Phone&&i.createElement(rn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===fn.OTP&&i.createElement(yn,{onClose:a,onSubmit:G,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2}),F===fn.OTPEmail&&i.createElement(yn,{onClose:a,onSubmit:G,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2,email:R}),F===fn.PersonalInfo&&i.createElement(vn,{initialData:null==T?void 0:T[fn.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===fn.UpdatePassword&&i.createElement(wn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===fn.Result&&i.createElement(Q,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Cn,null,i.createElement(Mn,{"data-is-marry-baby":X},i.createElement(jn,null,(null==I?void 0:I.heading)&&i.createElement(Tn,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(In,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(zn,null,i.createElement(Nn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{tn as M,Bn as O,fn as a,rn as b,yn as c};
+import{e as n,b as e,_ as o,c as t,d as r}from"./tslib.es6-f1efc9f6.js";import i,{useContext as a,useState as l,useRef as s,useEffect as c,useMemo as d,createContext as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{H as b}from"./index.styled-3ca5aca3.js";import{B as h}from"./index-43b4948b.js";import"./gAssets.js";import"./index.styled-62a1e562.js";import{c as f}from"./index-8293b223.js";import{M as x}from"./utils-9e61d434.js";import{t as E}from"./theme-12beadf8.js";import{Container as y,Input as v}from"@mantine/core";import"./index.styled-ca8d38d3.js";import{u as w}from"./useTranslations-02937385.js";import"./index-01372033.js";import"lodash/debounce";import"./isProduction-bf01ff23.js";import{L as P}from"./index-e4630d5e.js";import"dayjs";import"./screenSizeContext-f48cef88.js";import k from"styled-components";import{L as S}from"./Locale-184cc642.js";import"./translationsContext-e1ce08cf.js";import"string-format";import{useForm as C,yupResolver as M}from"@mantine/form";import{e as j,O as T,D as I,R as N}from"./index-d59c572e.js";import*as z from"yup";import L from"lodash/throttle";import{T as B}from"./index-c346ff8f.js";import{P as O}from"./index-939cdb3f.js";import"./index-7f3521ca.js";import{format as F}from"date-fns";import{V as D}from"./Visible-7810c934.js";var V,H,U,q,R,A,_,W,Y=k.div(V||(V=n([""],[""]))),K=k(B)(H||(H=n(["\n  margin-top: 8px;\n"],["\n  margin-top: 8px;\n"]))),Z=k.div(U||(U=n(["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"],["\n  margin-top: 70px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"]))),G=k(y)(q||(q=n(["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"],["\n  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n    max-width: 520px;\n  }\n  .header {\n    margin-bottom: 32px;\n    text-align: center;\n    "," {\n      margin-bottom: 16px;\n    }\n  }\n\n  .input-control {\n    width: 100%;\n\n    label {\n      font-size: 12px;\n      line-height: 18px;\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    input {\n      height: 42px;\n      line-height: 42px;\n      font-size: 14px;\n    }\n  }\n  .radio-group,\n  .input-control {\n    margin-bottom: 16px;\n  }\n  .form {\n    width: 100%;\n  }\n\n  .form-error {\n    margin-top: 32px;\n    font-size: 14px;\n  }\n\n  .field-error {\n    margin-top: 10px;\n    font-size: 14px;\n  }\n\n  .form-button {\n    width: 100%;\n  }\n"])),x.mbDown),J=k.img(R||(R=n(["\n  margin-bottom: 38px;\n"],["\n  margin-bottom: 38px;\n"]))),Q=function(n){var t,r=n.heading,l=n.description,s=n.children,c=n.className,d=n.imgSrc,m=e(n,["heading","description","children","className","imgSrc"]),p=a(Ln),u=p.isMarryBaby,g=p.siteType;return i.createElement(G,o({},m,{className:"hhg-comp-onboarding-container ".concat(c),size:"sm"}),i.createElement(f,{type:u?g:(null===(t=P[process.env.UNIFY_LOCALE])||void 0===t?void 0:t.LOGO_TYPE)||"hellobacsi"}),i.createElement(Z,null,d&&i.createElement(J,{src:d,loading:"lazy"}),i.createElement(Y,{className:"header"},i.createElement(b,{tag:"h3"},r),i.createElement(K,{size:"p3",color:E.colors.gray600},l)),s))},X=function(n){return z.object().shape({phone:z.string().required(n("onboarding.updatePhone.error")).default("")})},$=function(n){return z.object().shape({otp:z.string().required(n("onboarding.otpForm.error")).length(6,n("onboarding.otpForm.error")).default("")})},nn=function(n){return z.object().shape({email:z.string().required(n("onboarding.errorMessage.requiredEmail")).email(n("onboarding.errorMessage.invalidEmail")).default(""),name:z.string().required(n("onboarding.errorMessage.requiredName"))})},en=function(n){return z.object().shape({password:z.string().required(n("onboarding.errorMessage.requiredPassword")).min(8,n("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,n("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:z.string().required(n("onboarding.errorMessage.requiredConfirmPassword")).oneOf([z.ref("password"),null],n("onboarding.errorMessage.passNotMatch")).default("")})},on=k(Q)(A||(A=n(["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"],["\n  .phone-input {\n    width: 100%;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    .PhoneInput {\n      margin-bottom: 16px;\n    }\n    .PhoneInputCountry {\n      border-radius: 4px 0 0 4px;\n    }\n    .PhoneInputInput {\n      border-radius: 0 4px 4px 0;\n    }\n  }\n"])),x.mbDown),tn=((_={})[S.Vietnam]="VN",_[S.Cambodia]="KH",_[S.Indonesia]="ID",_[S.Malaysia]="MY",_[S.PhilippinesEnglish]="PH",_[S.PhilippinesTagalog]="PH",_[S.Taiwan]="TW",_[S.Thailand]="TH",_[S.Myanmar]="MM",_),rn=function(n){var e=n.onClose,a=n.onSubmit,l=n.canSkip,s=void 0===l||l,c=n.customFormTexts,d=w().t,m=C({initialValues:{phone:""},validate:M(X(d))});return i.createElement(on,{heading:(null==c?void 0:c.heading)||d("onboarding.updatePhone.heading"),description:(null==c?void 0:c.description)||d("onboarding.updatePhone.description")},i.createElement("form",{onSubmit:m.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(e){return a(n.phone),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"phone-input"},i.createElement(j,o({defaultCountry:tn[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps("phone"))),i.createElement(v.Error,null,m.errors.phone)),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},d("onboarding.button.continue")),s&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip"))))};(W={})[S.Vietnam]="VN",W[S.Cambodia]="KH",W[S.Indonesia]="ID",W[S.Malaysia]="MY",W[S.PhilippinesEnglish]="PH",W[S.PhilippinesTagalog]="PH",W[S.Taiwan]="TW",W[S.Thailand]="TH",W[S.Myanmar]="MM";var an,ln,sn,cn,dn,mn,pn,un,gn,bn,hn,fn,xn=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},En=k(Q)(an||(an=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),x.mbDown,x.mbDown),yn=function(n){var e=n.onSubmit,m=n.phone,p=n.email,b=n.onResendCode,f=n.otpError,x=n.onClose,y=n.loading,P=n.onBack,k=n.canSkip,S=n.outOfEdit,j=a(Ln),I=j.siteType,N=j.isMarryBaby,z=l(30),O=z[0],F=z[1],D=u((function(){return F((function(n){return n-1}))}),1e3),V=g(0,{min:0,max:3}),H=V[0],U=V[1],q=s(!0),R=w().t;c((function(){return D.start(),D.stop}),[]),c((function(){0===O&&(D.stop(),q.current=!1)}),[O]);var A=C({initialValues:{otp:""},validate:M($(R))});c((function(){f&&A.setFieldError("otp",f)}),[f]);var _=d((function(){return L((function(){q.current||(U.increment(),F(30),null==b||b(m||p),D.start(),q.current=!0)}),1e3,{trailing:!1})}),[m,p,b,D]);return i.createElement(En,{heading:R("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:m?R("onboarding.otpForm.description",{phone:'<b style="color:'.concat(E.colors.gray800,'">').concat(m.slice(0,-3).replace(/./g,"x").concat(m.slice(-3)),"</b>")}):R("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(E.colors.gray800,'">').concat(xn(p),"</b>")})}}),!S&&i.createElement("svg",{onClick:function(){null==P||P()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},i.createElement("form",{onSubmit:A.onSubmit((function(n){return t(void 0,void 0,void 0,(function(){return r(this,(function(o){return U.increment(),e(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(T,o({enterKeyHint:void 0,nonce:void 0},A.getInputProps("otp"))),i.createElement(v.Error,null,A.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(B,{size:"p4",color:E.colors.gray400},R("onboarding.otpForm.notReceiveOTP")),i.createElement(B,{as:"a",size:"p4",color:N?E.mbColors.pink:E.colors.primaryBase,onClick:_},R("onboarding.otpForm.resendCode",{seconds:O}))),i.createElement(h,{theme:I,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},R("onboarding.button.continue")),k&&H>=3&&i.createElement(h,{theme:I,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},R("onboarding.button.skip"))))},vn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,d=n.initialData,m=w().t,p=a(Ln).siteType,u=C({validate:M(nn(m))});return c((function(){u.setValues(o(o({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),c((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(Q,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(o(o({},n),{birthday:n.birthday&&F(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,o({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(I,o({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(N.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(N,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(N,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(h,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},m("onboarding.button.skip"))))},wn=function(n){var e=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=w().t,c=C({initialValues:{password:"",confirmPassword:""},validate:M(en(s))});return i.createElement(Q,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(O,o({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("password"))),i.createElement(O,o({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(D,null)},c.getInputProps("confirmPassword"))),i.createElement(h,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(h,{color:"ghost",isBlock:!0,size:"lg",onClick:e},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},Pn=k.div(ln||(ln=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),kn=k.div(sn||(sn=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),x.lgPcUp),Sn=k.div(cn||(cn=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),x.lgPcUp),Cn=k.div(dn||(dn=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),x.lgPcUp),Mn=k.div(mn||(mn=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),E.colors.blue50,E.mbColors.tonePink),jn=k.div(pn||(pn=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),Tn=k(b)(un||(un=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),In=k(B)(gn||(gn=n([""],[""]))),Nn=k.img(bn||(bn=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),zn=k.div(hn||(hn=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(fn||(fn={}));var Ln=m({}),Bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[fn.Phone,fn.OTP]:c,m=n.step,u=n.onPhoneSubmit,b=n.onOtpSubmit,f=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,y=n.onResendCode,v=n.otpError,P=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,M=n.otpLoading,j=n.customFormTexts,T=n.initialData,I=n.banner,N=n.resultScreenProps,z=n.siteType,L=e(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),B=w().t,O=l(m||d[0]),F=O[0],D=O[1],V=l(""),H=V[0],U=V[1],q=l(""),R=q[0],A=q[1],_=g(0,{min:0,max:2}),W=_[0],Y=_[1],K=p((function(){var n=d.indexOf(F)+1;n<=d.length-1&&D(d[n])}),[F]),Z=p((function(){var n=d.indexOf(F)-1;n>=0&&D(d[n])}),[F]),G=function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,b(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},J=function(){W>=2||(Y.increment(),Z())},X="marryBaby"===z;return console.log({isMarryBaby:X}),i.createElement(Ln.Provider,{value:{siteType:z,isMarryBaby:X}},i.createElement(Pn,o({},L),d.length>0?i.createElement(kn,null,i.createElement(Sn,{"data-has-banner":"object"==typeof I},F===fn.Phone&&i.createElement(rn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),U(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:j.onboarding}),F===fn.OTP&&i.createElement(yn,{onClose:a,onSubmit:G,phone:H,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2}),F===fn.OTPEmail&&i.createElement(yn,{onClose:a,onSubmit:G,onResendCode:y,otpError:v,loading:M,canSkip:s,onBack:J,outOfEdit:W>=2,email:R}),F===fn.PersonalInfo&&i.createElement(vn,{initialData:null==T?void 0:T[fn.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),A((null==n?void 0:n.email)||""),[4,null==f?void 0:f(n)];case 1:return!o.sent()&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:P,loading:S}),F===fn.UpdatePassword&&i.createElement(wn,{onClose:a,canSkip:s,onSubmit:function(n){return t(void 0,void 0,void 0,(function(){var e;return r(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&K(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),F===fn.Result&&i.createElement(Q,o({},N),i.createElement(h,{theme:z,size:"lg",onClick:a,className:"form-button"},B("onboarding.button.continue")))),"object"==typeof I&&i.createElement(Cn,null,i.createElement(Mn,{"data-is-marry-baby":X},i.createElement(jn,null,(null==I?void 0:I.heading)&&i.createElement(Tn,{tag:"h1"},null==I?void 0:I.heading),(null==I?void 0:I.description)&&i.createElement(In,{size:"p1",color:E.colors.gray800},B("onboarding.welcomeScreen.content"))),(null==I?void 0:I.imgSrc)&&i.createElement(zn,null,i.createElement(Nn,{src:null==I?void 0:I.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{tn as M,Bn as O,fn as a,rn as b,yn as c};

package/build/esm/index-b7d7fbf0.js

@@ -0,0 +1 @@
+import{b as e,_ as t}from"./tslib.es6-f1efc9f6.js";import r from"react";import{Autocomplete as o,Image as n,Select as s}from"@mantine/core";import{CommonGAssets as a}from"./gAssets.js";var i=function(i){var c=i.keepSearch,m=void 0!==c&&c,f=e(i,["keepSearch"]);return m?r.createElement(o,t({rightSection:r.createElement(n,{src:a.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},f)):r.createElement(s,t({rightSection:r.createElement(n,{src:a.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},f))};export{i as S};

package/build/esm/{index-fd693bcc.js → index-bbaa6355.js}

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

package/build/esm/{index-41049c3f.js → index-c346ff8f.js}

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