"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1661],{"OW+O":function(e,t,n){n.d(t,{i:function(){return isVideo}});let isVideo=e=>e.endsWith(".mp4")},hmmJ:function(e,t,n){n.d(t,{I:function(){return InputCommentBar},P:function(){return PopupDanger},S:function(){return SharePopup},a:function(){return PopupFrame},b:function(){return SubmitReportForm},c:function(){return j},d:function(){return getPostFormData},e:function(){return editPost},f:function(){return createPost},g:function(){return getDefaultFailNoti},h:function(){return deletePost},i:function(){return B},j:function(){return deleteComment},k:function(){return decodeCommentBody},l:function(){return likeUnlikeComment},m:function(){return likeUnlikePost},u:function(){return useImagePicker}});var a=n("q1tI"),r=n("N0hu"),l=n("nq2p"),i=n("2YCo"),o=n("eePC"),c=n("i8i4"),s=n("gLxU"),d=n("rBCA"),p=n("iBNF"),u=n("SwpR"),h=n("EBmB"),m=n("5DIC"),g=n("Yhj9"),f=n("KUTG"),E=n("IQVP"),b=n("dWwG"),v=n("z6dh"),y=n("nzWZ"),w=n("1Qbb"),C=n("BSZG"),x=n("t/pd"),L=n("D0vz"),k=n("IAWp"),S=n("UFl3"),I=n("/pFO");let useImagePicker=(e,t)=>{let[n,r]=(0,a.useState)(e||[]),l=(0,a.useMemo)(()=>(e||n).map(e=>"string"==typeof e?e:URL.createObjectURL(e)),[e,n]);return{onSelectImages:a=>{let l=a.target.files;if(l){if(t&&e){let a=e||n;t(a.concat(Array.from(l)))}else r(n=>{let a=e||n;return t&&t(a.concat(Array.from(l))),a.concat(Array.from(l))})}},onRemoveImage:n=>{t&&e?(e.splice(n,1),t(e.slice())):r(a=>{let r=e||a;return r.splice(n,1),t&&t(r.slice()),r.slice()})},onRemoveAllImages:()=>{t?t([]):r([])},imageSrcs:l,imageFiles:e||n}},getDefaultFailNoti=e=>({message:e("notification.failure"),type:"danger"}),likeUnlikePost=({id:e,locale:t})=>(0,u.a)(void 0,void 0,void 0,function*(){if(!e)return;let n=yield(0,s.e)((0,s.f)(E.yy.POST.LIKE,{id:e,_locale:t}),"GET");return n}),deletePost=({id:e,locale:t})=>(0,u.a)(void 0,void 0,void 0,function*(){if(!e)return;let n=yield(0,s.e)((0,s.f)(E.yy.POST.DELETE,{id:e,_locale:t}),"DELETE");return n}),getPostFormData=({title:e,description:t,communityId:n,imageFiles:a,previewUrl:r,topicIds:l,locale:i,sanitizeFunction:c,categoryCommunityId:s,categoryTopicIds:d,introUrl:p,bannerUrl:h,scheduleTime:m,isAnonymous:g,isAskDoctor:E})=>(0,u.a)(void 0,void 0,void 0,function*(){let u=new FormData,v=(0,b.j)(t),y=(0,b.j)(e),w=(0,b.i)(v);if(u.append("title",y),u.append("description",(0,b.k)(v,c)),s?u.append("category_community",String(s)):n&&u.append("community_id",String(n)),u.append("is_anonymous",g?"1":"0"),u.append("is_question",E?"1":"0"),(null==r?void 0:r.title)&&u.append("preview_title",r.title),(null==r?void 0:r.description)&&u.append("preview_description",r.description),(null==r?void 0:r.url)&&u.append("preview_link",(0,o.c)(r.url)),(null==r?void 0:r.image)&&u.append("preview_image",(0,o.c)(r.image)),null==l||l.forEach(e=>{u.append("topics[]",String(e||""))}),null==d||d.forEach(e=>{u.append("category_topics[]",String(e||""))}),null==a?void 0:a.length){let e=yield Promise.all(a.map((e,t)=>new Promise(n=>{setTimeout(()=>{n((0,b.u)(e,i))},2e3*t)})));null==e||e.filter(Boolean).slice(0,f.M).forEach((e,t)=>{u.append(`images[${t}]`,e)})}else u.append("images","");return null==w||w.forEach(e=>{u.append("mention_ids[]",e)}),u.append("intro_url",p||""),u.append("banner",h||""),m&&(u.append("post_type","scheduled"),u.append("schedule_datetime",m)),u}),createPost=({locale:e,formData:t,isArticleComment:n})=>(0,u.a)(void 0,void 0,void 0,function*(){let a=yield(0,s.e)((0,s.f)(n?E.yy.POST.CREATE_ARTICLE_COMMENT:E.yy.POST.CREATE,{_locale:e}),"POST",{data:t});return a}),editPost=({id:e,locale:t,formData:n})=>(0,u.a)(void 0,void 0,void 0,function*(){let a=yield(0,s.e)((0,s.f)(E.yy.POST.UPDATE,{id:e,_locale:t}),"POST",{data:n});return a}),reportPost=({id:e,reason:t,locale:n})=>{let a=new FormData;return a.append("reason",t),(0,s.e)((0,s.f)(E.yy.POST.REPORT,{_locale:n,id:e}),"POST",{data:a})},O=d.Z.div` [data-type='confirm'] { max-width: 468px; /* height: 486px; */ padding: 0; .popup-content { display: flex; flex-direction: column; padding: 0; .close-button { top: 16px; right: 16px; width: 24px; height: 24px; z-index: 5; } .header { display: flex; height: 56px; align-items: center; padding: 16px 56px 16px 32px; border-bottom: 1px solid ${p.r.colors.neutral100}; font-weight: 900; width: 100%; justify-content: space-between; } .content { overflow: auto; flex: 1; .topic-list-wrapper { padding: 1rem; } } } } > div&[data-open='true'] { z-index: 250; &:last-child { z-index: 200; } } ${e=>e.isExpand&&` & > div[data-open] { width: 100%; height: 100%; max-width: none; max-height: none; } `} ${e=>e.hasFullscreen&&` & > div[data-open] { transition: all 0.5s ease-in-out, width 0s, height 0s; } `} `,M=d.Z.div` cursor: pointer; display: flex; align-items: center; `,PopupFrame=({className:e,style:t,closeIcon:n,heading:r="",children:i,isOpen:o=!1,hasFullscreen:c=!1,disableClickOutside:s=!1,initExpand:d=!1,onExpandChange:p,onClose:u=()=>null})=>{let[h,m]=(0,a.useState)(d);return a.createElement(O,{className:e,style:t,isExpand:h,hasFullscreen:c},a.createElement(k.P,{type:"confirm",onClose:u,isOpen:o,closeIcon:n||a.createElement("img",{src:S.C,loading:"lazy"}),enableAnimation:!c,disableClickOutside:s},a.createElement("div",{className:"header"},a.createElement(l.H,{tag:"h5"},r),c&&a.createElement(M,{onClick:()=>{null==p||p(),m(!h)}},a.createElement(L.Z,{size:14,isExpand:h}))),a.createElement("div",{className:"content"},"function"==typeof i?i(h):i)))};var j="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath fill='%23262626' d='M12 22.984c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.478-10 10 4.477 10 10 10'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.828 10.156-5.657 5.657M9.172 10.156l5.657 5.657'/%3e%3c/svg%3e";let R=d.Z.div` [data-type='confirm'] { width: min(360px, 100%); height: auto; &[data-open='false'] { top: calc(-100% - 500px); } } z-index: 600; .header { display: none !important; } .confirm-dialog { position: relative; overflow: auto; width: 100%; padding-top: 44px; background: #fff; border-radius: ${p.r.borderRadius}; .confirm-content { display: flex; flex-direction: column; align-items: center; padding: 0 16px 16px; text-align: center; .title { margin-bottom: 8px; font-size: 24px; line-height: 32px; word-break: break-word; overflow-wrap: break-word; } .desc { margin-bottom: 24px; color: ${p.r.colors.gray500}; font-size: 18px; line-height: 24px; text-align: center; word-break: break-word; overflow-wrap: break-word; } .btn-group { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; button { margin: 0 4px 0.5rem; } } } } .thumbnail-container { width: 80px; height: 80px; margin-bottom: 32px; .thumbnail { width: 100%; height: 100%; } &.is-icon { display: flex; align-items: center; justify-content: center; background: #e0e9fc; border-radius: 1rem; .thumbnail { width: 40px; height: 40px; } } } &[data-is-marrybaby='true'] { .popup-frame { > div:first-child { overflow: hidden; border-radius: 1rem; &[data-open='true'] { ${o.M.mbDown} { top: 100%; transform: translate(-50%, -100%); max-width: unset; width: 100%; background: unset; overflow: unset; } } } .popup-content { .close-button { ${o.M.mbDown} { display: none; } } .confirm-dialog { ${o.M.mbDown} { background: unset; position: relative; overflow-x: hidden; &::before { content: ''; width: 200%; background: #fff; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; height: 100%; border-top-left-radius: 100%; border-top-right-radius: 100%; } } .confirm-content { padding: 0 40px 40px; ${o.M.mbDown} { padding-left: 1.5rem; padding-right: 1.5rem; } .btn-group { width: 100%; justify-content: space-between; button { flex: 1; margin: 0; &:first-child { margin-right: 0.5rem; } } } } } } .thumbnail-container { ${o.M.mbDown} { display: none; } &.is-icon { background: #ffeaf1; border-radius: 24px; } &.is-mobile { position: absolute; top: 0; left: 50%; display: none; width: 48px; height: 48px; transform: translate(-50%, -50%); &.is-icon { border-radius: 1rem; .thumbnail { width: 24px; height: 24px; } } ${o.M.mbDown} { display: flex; } } } } } `,PopupDanger=({className:e,isMarryBaby:t,style:n,title:d,description:p,acceptText:u,cancelText:h,onAccept:m,onCancel:g,thumbnail:f,isThumbnailIcon:E,onClose:b,acceptBtnTracking:v,acceptBtnProps:y,cancelBtnProps:w})=>{let{data:{env:{isMarryBaby:C}}}=(0,a.useContext)(s.T),x="boolean"==typeof t?t:C,[L,k]=(0,a.useState)(!1);return((0,a.useEffect)(()=>((0,o.t)(!0),setTimeout(()=>k(!0),0),()=>(0,o.t)(!1)),[]),"undefined"==typeof window)?null:c.createPortal(a.createElement(R,{"data-is-marrybaby":x,className:e,style:n,"data-open":L},a.createElement(PopupFrame,{className:"popup-frame",isOpen:L,onClose:b},a.createElement("div",{className:"confirm-dialog",onClick:e=>e.stopPropagation()},a.createElement("div",{className:"confirm-content"},f&&a.createElement("div",{className:`thumbnail-container ${E?"is-icon":""}`},a.createElement("img",{className:"thumbnail",src:f,loading:"lazy"})),a.createElement(l.H,{className:"title",tag:"h2"},d),a.createElement(i.T,{className:"desc",size:"lg"},p),a.createElement("div",{className:"btn-group"},a.createElement(r.B,Object.assign({theme:x?"marryBaby":"helloSites",size:"md",color:"tertiary",onClick:()=>{null==m||m(),null==b||b()}},y,v),u),a.createElement(r.B,Object.assign({theme:x?"marryBaby":"helloSites",size:"md",onClick:()=>{null==g||g(),null==b||b()}},w),h)))),x&&f&&a.createElement("div",{className:`thumbnail-container is-mobile ${E?"is-icon":""}`},a.createElement("img",{className:"thumbnail",src:f,loading:"lazy"})))),(0,o.a)())},Z=d.Z.div` padding: 1rem; border-top: 1px solid #f2f2f2; &[data-is-reply='true'] { padding-right: 0; padding-left: 0; border-top: 1px solid #e4e8ec; margin-right: 1rem; margin-left: 1rem; } .error-text { padding: 1rem; color: ${p.r.colors.red700}; } .reply-to-container { display: flex; justify-content: space-between; padding-bottom: 0.75rem; margin-top: -0.25rem; .icon-close-comment { width: 16px; height: 16px; cursor: pointer; } a { text-decoration: none; } } .input-container { display: flex; align-items: center; .avatar-wrapper { display: flex; flex-shrink: 0; align-items: center; margin-right: 0.5rem; &.avatar-wrapper-reply { width: 32px; height: 32px; .avatar { width: 32px; height: 32px; } } } .input-wrapper { margin-right: 0.5rem; &[data-has-error] { .as-input { border-color: ${p.r.colors.red700}; } } .as-input { .textarea { width: 100%; max-height: 225px; min-height: 75px; .ql-toolbar { padding: 0; } .ql-editor { padding-left: 0; padding-right: 0; } .quill { height: 0; } } width: 100%; padding: 12px 16px; border: solid 1px ${p.r.colors.gray200}; border-radius: ${p.r.borderRadius}; &:active, &:focus { border-color: ${p.r.colors.primaryBase}; box-shadow: 0px 0px 2px 2px ${p.r.colors.primary200}; } &:disabled { background-color: ${p.r.colors.gray100}; cursor: not-allowed; } span { &[data-error='true'] { color: red; text-decoration: underline; } } } &[data-has-action-icon] { .as-input { padding: 12px 48px 12px 16px; } } &[data-has-display-icon] { .as-input { padding: 12px 16px 12px 48px; } } &[data-has-action-icon][data-has-display-icon] { .as-input { padding: 12px 48px; } } &[data-size='lg'] { .as-input { font-size: 16px; font-weight: ${p.r.sizes.fwRegular}; ${o.M.mbDown} { font-size: 22px; line-height: 1.2; } ${o.M.mbUp} { font-size: 26px; line-height: 1.2; } } } &[data-size='md'] { .as-input { font-weight: ${p.r.sizes.fwRegular}; line-height: 22px; ${o.M.mbDown} { font-size: 14px; line-height: 1.2; } ${o.M.mbUp} { font-size: 16px; line-height: 1.2; } } } &[data-size='sm'] { .as-input { font-weight: ${p.r.sizes.fwRegular}; line-height: 20px; ${o.M.mbDown} { font-size: 13px; line-height: 1.5; } ${o.M.mbUp} { font-size: 13px; line-height: 1.5; } } } } .images-input-label { height: 100%; cursor: pointer; .icon-images-input { width: 24px; height: 24px; vertical-align: middle; } } .send-button { display: flex; width: 40px; height: 40px; flex-shrink: 0; align-items: center; justify-content: center; padding: 0; border: none; &.send-button-post { background: ${p.r.colors.neutral100}; border-radius: 50%; } .icon-enter { width: 20px; height: 20px; vertical-align: middle; } &[data-is-loading='true'] { > div { display: flex; align-items: center; justify-content: center; } } } } .preview-images-container { margin-top: 1rem; .image-src-wrapper { position: relative; width: 100%; padding-top: 66.67%; &:not(:last-child) { margin-bottom: 1rem; } .preview-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .icon-close-circle { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; cursor: pointer; } } } `,z=(0,a.createContext)({}),getCommentFormBody=({postId:e,message:t,photos:n,link:a,locale:r,sanitizeFunction:l,replyingUserId:i,replyingUserName:o,replyingId:c})=>(0,u.a)(void 0,void 0,void 0,function*(){let s=new FormData,d=(0,b.k)(t.replace(/(\ )+/g," "),l),p=(0,b.i)(d);if(n&&n.length>0){let e=yield Promise.all(null==n?void 0:n.map(e=>(0,b.u)(e,r)));e.filter(Boolean).slice(0,f.M).forEach(e=>{s.append("images[]",e)})}return a&&s.append("link",a),null==p||p.forEach(e=>{s.append("mention_ids[]",e)}),s.append("post_id",e),c&&s.append("parent_id",c),i&&(p.unshift(i),d=`[mention+id="${i}"+name="${(o||"").replace('"',"'")}"]${d}`,s.append("parent_user_id",String(i))),s.append("content",d),s.append("content",d),s}),submitComment=(e,t)=>(0,u.a)(void 0,void 0,void 0,function*(){return(0,s.e)((0,s.f)(E.yy.COMMENT.CREATE,{_locale:t}),"POST",{data:e})}),decodeCommentBody=e=>{try{let t=e.match(/\[@([^\]]+)\]/),n=t?t[0].replace("[@","").replace("]",""):"",a=e.replace(/\[@([^\]]+)\]/,"");return{text:a.trim(),replyingTo:n}}catch(e){}return{text:""}},submitReply=(e,t)=>(0,u.a)(void 0,void 0,void 0,function*(){return(0,s.e)((0,s.f)(E.yy.COMMENT.REPLY,{_locale:t}),"POST",{data:e})}),likeUnlikeComment=({commentId:e,setLike:t=!1,locale:n})=>(0,u.a)(void 0,void 0,void 0,function*(){return(0,s.e)((0,s.f)(t?E.yy.COMMENT.LIKE:E.yy.COMMENT.UNLIKE,{_locale:n,id:e}),"GET")}),deleteComment=({id:e,locale:t})=>(0,s.e)((0,s.f)(E.yy.COMMENT.DELETE,{_locale:t,id:e}),"DELETE"),InputCommentBar=({isReply:e,className:t,onClose:n,replyToName:l,style:o,replyingId:c,replyingUser:d,onPostSuccess:p,post:E,isMarryBaby:b})=>{let{action:{pushNotifications:x,sanitizeFunction:L},data:{userInfo:k,locale:S,env:{isMarryBaby:I}}}=(0,a.useContext)(s.T),{t:O}=(0,m.u)(),{onSelectImages:M,onRemoveImage:R,imageSrcs:F,onRemoveAllImages:T,imageFiles:B}=useImagePicker(),[P,N]=(0,a.useState)(""),{trigger:H}=(0,a.useContext)(z),[V,D]=(0,a.useState)(!1),A=(0,a.useRef)(null),_=(0,a.useRef)(null),$=(0,a.useRef)(null),[q,U]=(0,a.useState)([]),[W,G]=(0,a.useState)([]),[Y,K]=(0,a.useState)(null);return(0,a.useEffect)(()=>{var e;null===(e=$.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout(()=>{var e;null===(e=_.current)||void 0===e||e.focus()},400)},[H]),a.createElement(Z,{"data-is-reply":e,className:t,style:o},e&&a.createElement("div",{className:"reply-to-container"},a.createElement(i.T,{size:"p4"},a.createElement("span",{dangerouslySetInnerHTML:{__html:O("inputComment.replyTo",{name:`@${l||""}`})}})),a.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3ccircle cx='8' cy='8.5' r='6.667' fill='white' stroke='%23404040'/%3e%3cpath stroke='%23404040' stroke-linecap='round' stroke-linejoin='round' d='m10 6.5-4 4M6 6.5l4 4'/%3e%3c/svg%3e",className:"icon-close-comment",onClick:()=>n&&n(),loading:"lazy"})),a.createElement("div",{className:"input-container",ref:$},a.createElement(w.U,{className:`avatar-wrapper ${e?"avatar-wrapper-reply":""}`,avatar:(null==k?void 0:k.id)?k.avatar:f.D,username:(null==k?void 0:k.name)||(null==k?void 0:k.username)}),a.createElement("input",{ref:A,onChange:M,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),a.createElement(h.I,{value:P,name:"input",size:"md",className:"input-wrapper",displayIcon:a.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.754 4.854H4.492a1.79 1.79 0 0 0-1.789 1.789v12.524a1.79 1.79 0 0 0 1.79 1.789h12.523a1.79 1.79 0 0 0 1.79-1.79v-6.261'/%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M17.463 3.512a1.898 1.898 0 0 1 2.684 2.684l-8.498 8.498-3.579.895.895-3.579z'/%3e%3c/svg%3e",loading:"lazy"}),CustomInput:a.createElement("div",{className:"as-input"},a.createElement(C.R,{className:"textarea",html:P,onChange:N,onImagePickerClick:()=>{var e;return null===(e=A.current)||void 0===e?void 0:e.click()},bannedWords:W,onPreviewUrlChange:K,onInvalidUrlsChange:U,setEditorRef:e=>_.current=e,isReplying:e}))}),a.createElement(r.B,{theme:("boolean"==typeof b?b:I)?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:()=>(0,u.a)(void 0,void 0,void 0,function*(){var t,a,r,l,i,o,s,u,h;if((null==E?void 0:E.id)&&!V){D(!0);try{let m=yield getCommentFormBody(Object.assign({message:P,photos:B,postId:String(E.id),link:null==Y?void 0:Y.url,sanitizeFunction:L,locale:S},e&&c?{replyingUserId:String((null==d?void 0:d.id)||(null===(t=null==E?void 0:E.author)||void 0===t?void 0:t.id)||""),replyingId:c,replyingUserName:(null==d?void 0:d.name)||(null==d?void 0:d.username)||""}:{})),f=yield e&&c?submitReply(m,S):submitComment(m,S),b=null==f?void 0:f.data;(null==b?void 0:b.id)&&!(null===(r=null===(a=null==f?void 0:f.messages)||void 0===a?void 0:a.moderation)||void 0===r?void 0:r.type)?(e=>{N(""),T(),n&&n();let t=(0,g.g)(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),p&&p(t)})(f):(null===(i=null===(l=null==f?void 0:f.messages)||void 0===l?void 0:l.moderation)||void 0===i?void 0:i.type)==="banned"?(x({title:O("notification.comment.blocked.title"),message:O("notification.comment.blocked.message"),type:"danger"}),f.messages.moderation.words&&G(f.messages.moderation.words)):(null===(s=null===(o=null==f?void 0:f.messages)||void 0===o?void 0:o.moderation)||void 0===s?void 0:s.type)==="suspect"?(x({title:O("notification.comment.suspect.title"),message:O("notification.comment.suspect.message"),type:"warning"}),N(""),T(),n&&n()):(null===(u=null==f?void 0:f.messages)||void 0===u?void 0:u.find(e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))}))?(x({message:O("notification.suspend.message"),type:"warning"}),N(""),T(),n&&n()):x({title:"",message:(null===(h=null==f?void 0:f.messages)||void 0===h?void 0:h[0])||O("notification.comment.somethingWrong"),type:"danger"})}catch(e){x({title:"",message:O("notification.comment.somethingWrong"),type:"danger"})}D(!1)}}),isLoading:V,isDisabled:!!(null==q?void 0:q.length)||V||!P||(null==P?void 0:P.length)<2||!P.trim()},a.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 9.734-3.75 3.75 3.75 3.75'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.25 4.734v5.569c0 .843-.33 1.653-.915 2.25a3.1 3.1 0 0 1-2.21.931H3.75'/%3e%3c/svg%3e",className:"icon-enter",loading:"lazy"}))),(null==q?void 0:q.length)?a.createElement("div",{className:"error-text"},O("notification.limitUrlDomain")):null,(!F||0===F.length)&&Y&&a.createElement("div",{className:"link-preview-wrapper"},Y.isFetching?a.createElement(y.L,null):a.createElement(a.Fragment,null,a.createElement(v.C,{title:Y.title,url:Y.url||"#",image:Y.image,noRefetch:!0}),a.createElement("img",{src:j,className:"icon-close",onClick:()=>K(null),loading:"lazy"}))),F&&F.length>0&&a.createElement("div",{className:"preview-images-container"},F.map((e,t)=>a.createElement("div",{key:t,className:"image-src-wrapper"},a.createElement("img",{className:"preview-image",src:e,loading:"lazy"}),a.createElement("img",{src:j,className:"icon-close-circle",onClick:()=>R(t),loading:"lazy"})))))},SharePopup=({trackingCategory:e,className:t,style:n,url:r,text:l,onClose:i})=>{let{data:{env:{isMarryBaby:c}}}=(0,a.useContext)(s.T),{t:d}=(0,m.u)(),[p,u]=(0,a.useState)(!1);return(0,a.useEffect)(()=>((0,o.t)(!0),setTimeout(()=>u(!0),0),()=>(0,o.t)(!1)),[]),a.createElement(x.h,null,a.createElement(F,{"data-is-marrybaby":c,className:t,style:n},a.createElement(PopupFrame,{className:"share-popup",isOpen:p,onClose:i,heading:d("bottomBar.share")},p&&a.createElement(I.r,{trackingCategory:e,shareUrl:r||("undefined"!=typeof window?window.location.href:""),title:l}))))},F=d.Z.div` .share-popup { > div:first-child { height: unset; } } .custom-share__header { display: flex; flex-wrap: no-wrap; align-items: center; padding: 1rem; border-bottom: 1px solid ${p.r.colors.neutral100}; margin-bottom: 16px; .custom-share__header-image { width: 38px; height: 38px; flex-shrink: 0; & > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } .custom-share__header-info { flex: 1; padding: 0 8px; word-break: break-word; [data-tag='h4'] { margin-bottom: 8px; font-size: 14px; font-weight: bold; line-height: 14px; } [data-size='md'] { color: #a5a5a5; font-size: 14px; line-height: 14px; } } } &[data-is-marrybaby='true'] { .share-popup { > div:first-child { overflow: hidden; border-radius: 1rem; &[data-open='true'] { ${o.M.mbDown} { max-width: unset; width: 100%; top: 100%; transform: translate(-50%, -100%); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } } .close-button { display: block; } .popup-content { .header { display: block; padding: 1rem; background-color: rgb(243, 243, 243); } .content { padding-bottom: 1rem; } } .share-mb-text { margin: 1rem 1rem 0.5rem; } } } `,T=d.Z.div` padding: 0 8px; margin-top: 18px; .report-list { margin-bottom: 18px; .report-item { display: flex; align-items: center; margin-bottom: 10px; font-weight: 600; & > img { width: 12px; height: 12px; margin-right: 8px; } .__label { font-size: 14px; } } } .report-submit { width: 100%; } &[data-is-marrybaby='true'] { padding: 0 1rem 1rem; } `;var B="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12M8 5v3M8 11h.007'/%3e%3c/svg%3e";let SubmitReportForm=({className:e,style:t,reason:n,reasonText:l,onClose:o,postId:c})=>{let{data:{locale:d,env:{isMarryBaby:h}},action:{pushNotifications:g}}=(0,a.useContext)(s.T),{t:f}=(0,m.u)(),[E,b]=(0,a.useState)(!1);return a.createElement(T,{"data-is-marrybaby":h,className:e,style:t},a.createElement("ul",{className:"report-list"},a.createElement("li",{className:"report-item"},a.createElement("img",{src:B,loading:"lazy"}),a.createElement(i.T,{className:"__label",color:p.r.colors.gray800,size:"p4"},l))),a.createElement(r.B,{theme:h?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:E,onClick:()=>(0,u.a)(void 0,void 0,void 0,function*(){if(c&&!E){b(!0);try{let e=yield reportPost({id:c,reason:n,locale:d});(null==e?void 0:e.status)===1&&(g({message:"Post reported",type:"success"}),o&&o())}catch(e){}b(!1)}})},f("submit")))}},Biuj:function(e,t,n){n.d(t,{A:function(){return Avatar},B:function(){return Breadcrumbs},C:function(){return CaretDown},D:function(){return eh},E:function(){return ErrorIcon},F:function(){return Flag},I:function(){return eO},N:function(){return NumberInput},O:function(){return eF},P:function(){return eN},R:function(){return Radio},S:function(){return ea},a:function(){return Carousel},b:function(){return Anchor},c:function(){return AspectRatio},d:function(){return Checkbox},e:function(){return ErrorLabel},f:function(){return CentralCarousel},g:function(){return ChipButton},h:function(){return ErrorBoundary},i:function(){return eE},j:function(){return eZ},k:function(){return eR},l:function(){return Accordion},m:function(){return em},o:function(){return Popover},s:function(){return eP},u:function(){return ec}});var a=n("SwpR"),r=n("q1tI"),l=n("e0pn"),i=n("/npG"),o=n("mYVa"),c=n("F9pO"),s=n("gHhT"),d=n("gxre"),p=n("CmzK"),u=n("RZSM"),h=n("8vDj"),m=n("Eso5"),g=n("eRSo"),f=n("bpvy"),E=n("jUTz"),b=n("QJsO"),v=n("nVa/"),y=n("9Igr"),w=n("HXNK"),C=n("5LCj"),x=n("SPK5"),L=n("iuhU"),k=n("J8Dw"),S=n("aDCK"),I=n("L0nm"),O=n("nI05"),M=n("0Tuv"),j=n("LES+"),R=n("9n+W"),Z=n("1z9F"),z=n("GjY/"),F=n("ChHM"),T=n("jD9D"),B=n("xjta"),P=n("Iblh"),N=n("Ejk3"),H=n("pfEW"),V=n("9S3P"),D=n("rBCA"),A=n("Zdfy"),_=n("2YCo"),$=n("9s1y"),q=n("iBNF"),U=n("uvtd"),W=n("xXM3"),G=n.n(W),Y=n("+PHJ"),K=n("/FdU"),J=n("tiWT"),Q=n("AeFk"),X=n("m42D"),ee=n("oTwY"),et=n("4cu0"),en=(0,i.k)((e,{variantStyle:t})=>{let n=t===H.C.LEADGEN,a={fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px"};return{input:Object.assign({padding:"12px 16px",background:"#ffffff",border:`1px solid ${e.colors.gray[2]}`,borderRadius:4},n&&Object.assign(Object.assign({borderRadius:8},a),{color:"#111111","&::placeholder":Object.assign(Object.assign({},a),{fontSize:(0,o.h)(13),lineHeight:(0,o.h)(20),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let ea=(0,r.forwardRef)((e,t)=>{var{keepSearch:n=!1}=e,l=(0,a._)(e,["keepSearch"]);return n?r.createElement(er,Object.assign({},l,{ref:t})):r.createElement(el,Object.assign({},l,{ref:t}))}),er=(0,r.forwardRef)((e,t)=>{var{value:n,defaultValue:l,onChange:i,clearable:o}=e,p=(0,a._)(e,["value","defaultValue","onChange","clearable"]);let[u,h]=(0,Z.C)({value:n,defaultValue:l,onChange:i});return r.createElement(c.F,Object.assign({ref:t,rightSection:r.createElement(s.E,{src:N.C.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300,onChange:e=>h(e),value:u},p,o&&(null==u?void 0:u.length)>0?{rightSection:r.createElement(d.A,{onClick:()=>{h("")},sx:{cursor:"pointer"}},r.createElement(_IconSelect,null))}:{}))}),el=(0,r.forwardRef)((e,t)=>{var{searchValue:n,onSearchChange:i,styles:o}=e,c=(0,a._)(e,["searchValue","onSearchChange","styles"]);let s=(0,H.u)(),{classes:u}=en({variantStyle:s},{name:"MantineSelect",styles:o}),[h,m]=(0,Z.C)({defaultValue:"",value:n,onChange:i});return r.createElement(p.Ph,Object.assign({classNames:{input:u.input},ref:t,rightSection:r.createElement(l.Z,{size:18}),rightSectionProps:{style:{pointerEvents:"none"}},size:"md",maxDropdownHeight:300,onSearchChange:e=>m(e),searchValue:h},c,c.clearable&&(null==h?void 0:h.length)>0?{rightSection:r.createElement(d.A,{onClick:()=>{m("")},sx:{cursor:"pointer"}},r.createElement(_IconSelect,null))}:{}))}),_IconSelect=()=>r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.6665 9.99996C1.6665 5.39163 5.3915 1.66663 9.99984 1.66663C14.6082 1.66663 18.3332 5.39163 18.3332 9.99996C18.3332 14.6083 14.6082 18.3333 9.99984 18.3333C5.3915 18.3333 1.6665 14.6083 1.6665 9.99996ZM12.4083 13.5831C12.7333 13.9081 13.2583 13.9081 13.5833 13.5831C13.9 13.2581 13.9 12.7247 13.5833 12.4081L11.175 9.99973L13.5833 7.5914C13.9083 7.2664 13.9083 6.7414 13.5833 6.4164C13.2583 6.0914 12.7333 6.0914 12.4083 6.4164L10 8.82473L7.59167 6.4164C7.26667 6.0914 6.74167 6.0914 6.41667 6.4164C6.26063 6.57209 6.17293 6.78347 6.17293 7.0039C6.17293 7.22433 6.26063 7.43571 6.41667 7.5914L8.825 9.99973L6.41667 12.4081C6.26063 12.5638 6.17293 12.7751 6.17293 12.9956C6.17293 13.216 6.26063 13.4274 6.41667 13.5831C6.74167 13.9081 7.26667 13.9081 7.59167 13.5831L10 11.1747L12.4083 13.5831Z",fill:"#8C8C8C"}));let ErrorBoundary=class ErrorBoundary extends r.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("Uncaught error:",e,t)}render(){return this.state.hasError?this.props.fallback||r.createElement(r.Fragment,null):this.props.children}};let Carousel=e=>{var{slidesToShow:t=1,children:n}=e,l=(0,a._)(e,["slidesToShow","children"]);let i=Array.isArray(n)?n.length:1;return i?r.createElement(ErrorBoundary,null,r.createElement(A.l,Object.assign({slideSize:String(Math.floor(1/t*1e4)/100)+"%",containScroll:"trimSnaps"},l),n)):null};Carousel.Slide=A.l.Slide;let ei=(0,D.Z)(Carousel)` cursor: grab; width: 100%; .mantine-Carousel-control { background: rgb(255, 255, 255); opacity: 1; border: none; border-radius: 0; box-shadow: none; &[data-inactive] { opacity: 0; cursor: default; } &:first-child { padding-right: 24px; background: linear-gradient( 90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100% ); } &:last-child { padding-left: 24px; background: linear-gradient( 270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100% ); } } .mantine-Carousel-container { align-items: center; } `;var eo=(0,i.k)((e,t)=>({root:{color:t.color||("hb"===e.primaryColor?e.colors.hb[6]:e.fn.primaryColor())}}));let Anchor=e=>{var{color:t,styles:n,className:l}=e,i=(0,a._)(e,["color","styles","className"]);let{classes:o,cx:c}=eo({color:t},{name:"Anchor",styles:n});return r.createElement(_.T,Object.assign({as:"a",className:c(o.root,l)},i))},BreadcrumbItem=e=>{var{children:t}=e,n=(0,a._)(e,["children"]);return r.createElement(Anchor,Object.assign({size:"p4",color:"gray.8"},n),t)},AspectRatio=e=>r.createElement(u.o,Object.assign({sx:{borderRadius:4,overflow:"hidden","> img":{objectFit:"contain"}}},e)),Breadcrumbs=e=>{var t,{children:n,showHomeIcon:l=!0,homeIconHref:i="/"}=e,o=(0,a._)(e,["children","showHomeIcon","homeIconHref"]);let c=(0,h.rZ)(),s=(null===(t=null==c?void 0:c.other)||void 0===t?void 0:t.template)==="mb",[d,p]=(0,r.useState)(null),{isMobile:u}=(0,V.u)(),[,f]=(0,r.useState)(!0),E=(0,r.useCallback)(()=>{f(!1)},[]),b=(0,r.useCallback)(()=>{setTimeout(()=>{f(!0)},1e3)},[]);return(0,r.useEffect)(()=>(d&&(d.on("scroll",E),d.on("pointerUp",b)),()=>{d&&(d.off("scroll",E),d.on("pointerUp",b))}),[d,E,b]),r.createElement(ei,Object.assign({align:"center",slideGap:"xs",dragFree:!0,draggable:u,slideSize:"0",getEmblaApi:p,controlsOffset:-52,previousControlIcon:r.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r.createElement("path",{d:"M6.86589 3.56104C7.03647 3.56104 7.20724 3.62732 7.33724 3.75765L7.39453 3.81494C7.6552 4.07561 7.6552 4.49765 7.39453 4.75765L4.81901 7.33317L13.5326 7.33317C13.9006 7.33317 14.1992 7.63184 14.1992 7.99984C14.1992 8.36784 13.9006 8.6665 13.5326 8.6665L4.81901 8.66651L7.39453 11.242C7.6552 11.5027 7.6552 11.9247 7.39453 12.1847L7.33724 12.242C7.07657 12.5027 6.65453 12.5027 6.39453 12.242L2.6237 8.47119C2.36303 8.21053 2.36303 7.78849 2.6237 7.52849L6.39453 3.75765C6.52487 3.62732 6.6953 3.56104 6.86589 3.56104Z",fill:"#595959"})),nextControlIcon:r.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r.createElement("path",{d:"M9.13411 12.439C8.96353 12.439 8.79276 12.3727 8.66276 12.2423L8.60547 12.1851C8.3448 11.9244 8.3448 11.5023 8.60547 11.2423L11.181 8.66683L2.46745 8.66683C2.09945 8.66683 1.80078 8.36816 1.80078 8.00016C1.80078 7.63216 2.09945 7.3335 2.46745 7.3335L11.181 7.3335L8.60547 4.75797C8.3448 4.49731 8.3448 4.07527 8.60547 3.81527L8.66276 3.75797C8.92343 3.49731 9.34547 3.49731 9.60547 3.75797L13.3763 7.52881C13.637 7.78947 13.637 8.21152 13.3763 8.47152L9.60547 12.2423C9.47513 12.3727 9.3047 12.439 9.13411 12.439Z",fill:"#595959"}))},o),l&&r.createElement(Carousel.Slide,{style:{borderRight:`1px solid ${$.t.neutral[1]}`}},r.createElement(BreadcrumbItem,{href:i,target:"_blank",className:"pointer-event-child-none"},r.createElement(m.x,{sx:Object.assign({},!s&&{borderRadius:"50%",display:"flex",justifyContent:"center",alignItems:"center"}),bg:!s&&$.t.neutral[0],p:s?0:6},r.createElement(AspectRatio,{ratio:1,w:18},s?r.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.1183 3.67722C12.8727 2.70772 11.1281 2.708 9.88187 3.67718L14.1183 3.67722ZM14.1183 3.67722L19.718 8.03283C20.5589 8.68632 21.05 9.69173 21.05 10.7562V17.6002C21.05 19.5057 19.5055 21.0502 17.6 21.0502H6.40016C4.49466 21.0502 2.9502 19.5057 2.9502 17.6002V10.7562C2.9502 9.69163 3.44113 8.68632 4.28216 8.03283L9.88187 3.67718M10.6799 4.70339L5.08006 9.05916C4.55657 9.46592 4.2502 10.0923 4.2502 10.7562V17.6002C4.2502 18.7878 5.21263 19.7502 6.40016 19.7502H17.6C18.7875 19.7502 19.75 18.7878 19.75 17.6002V10.7562C19.75 10.0923 19.4438 9.46612 18.9204 9.05936L13.3202 4.70335C12.5443 4.09941 11.4571 4.09905 10.6799 4.70339Z",fill:"#3E3F58"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2373 13.1626C12.5546 12.4794 11.4466 12.4791 10.7629 13.1628C10.0793 13.8464 10.0793 14.9538 10.7629 15.6374C11.4465 16.321 12.5539 16.321 13.2375 15.6374C13.9211 14.9538 13.9211 13.8464 13.2375 13.1628L13.2373 13.1626ZM14.1567 12.2436C12.9661 11.0521 11.0348 11.0525 9.84366 12.2436C8.65237 13.4348 8.65237 15.3653 9.84366 16.5566C11.0349 17.7479 12.9654 17.7479 14.1567 16.5566C15.348 15.3653 15.348 13.4348 14.1567 12.2436Z",fill:"#3E3F58"})):r.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.58691 5.59863L8.58691 1.62305C8.83594 1.45898 9.16406 1.45898 9.41309 1.62305L15.4131 5.59863C15.624 5.73926 15.75 5.97363 15.75 6.22559V14.25C15.75 15.0791 15.0791 15.75 14.25 15.75H3.75C2.9209 15.75 2.25 15.0791 2.25 14.25V6.22559C2.25 5.97363 2.37598 5.73926 2.58691 5.59863ZM5.5017 11.7602C5.1717 11.5108 5.17316 11.0321 5.46521 10.7391C5.75775 10.4456 6.24936 10.4292 6.5986 10.6522C7.17818 11.0223 8.12516 11.4889 9.21628 11.4889C10.3074 11.4889 11.2543 11.0223 11.8339 10.6522C12.1832 10.4292 12.6748 10.4456 12.9673 10.7391C13.2594 11.0321 13.2608 11.5108 12.9308 11.7602C11.8743 12.5589 10.535 12.9889 9.21628 12.9889C7.89758 12.9889 6.55824 12.5589 5.5017 11.7602Z",fill:"#595959"})))))),r.createElement(Carousel.Slide,null),r.createElement(Carousel.Slide,null,r.createElement(g.O,{styles:{separator:{marginInline:4}},separator:r.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},r.createElement("path",{d:"M8.71527 7.99969L6.16794 5.45236C5.89194 5.17636 5.89194 4.72836 6.16794 4.45236C6.44394 4.17636 6.89194 4.17636 7.16794 4.45236L10.2439 7.52836C10.5046 7.78903 10.5046 8.21103 10.2439 8.47103L7.16794 11.547C6.89194 11.823 6.44394 11.823 6.16794 11.547C5.89194 11.271 5.89194 10.823 6.16794 10.547L8.71527 7.99969Z",fill:"#8C8C8C"}))},n)))};Breadcrumbs.Item=BreadcrumbItem;var ec=(0,i.k)((e,{variantStyle:t})=>{let n=t===H.C.LEADGEN,a={fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px"};return{input:Object.assign({padding:"12px 16px",background:"#ffffff",border:`1px solid ${e.colors.gray[2]}`,borderRadius:4},n&&Object.assign(Object.assign({borderRadius:8},a),{color:"#111111","&::placeholder":Object.assign(Object.assign({},a),{fontSize:(0,o.h)(15),lineHeight:(0,o.h)(24),letterSpacing:"-0.3px",color:e.colors.gray[4]})}))}});let es=(0,D.Z)(f.U)` .mantine-Accordion-label { padding: 0; } .mantine-Accordion-control { &:hover { background-color: transparent; } } .mantine-Accordion-item { .mantine-Accordion-chevron { > div { background-repeat: no-repeat; width: 16px; height: 16px; background-position: center; background-image: url(${e=>e.closeChevron||N.C.getAssetPath("plus-icon.svg")}); } } &[data-active='true'] { .mantine-Accordion-chevron { > div { background-image: url(${e=>e.openChevron||N.C.getAssetPath("minus-icon.svg")}); } } } } .mantine-Accordion-panel { border-radius: ${q.r.borderRadius}; } .mantine-Accordion-content { white-space: pre-wrap; } `,Accordion=e=>{var{children:t}=e,n=(0,a._)(e,["children"]);return r.createElement(es,Object.assign({chevron:r.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},n),t)};Accordion.Control=f.U.Control,Accordion.Item=f.U.Item,Accordion.Panel=f.U.Panel;let ed=N.C.getAssetPath("avatar.jpg"),Avatar=e=>{var{withIndicator:t=!1,indicatorConfig:n=null,size:l=56,children:i,styles:o,placeholderText:c}=e,s=(0,a._)(e,["withIndicator","indicatorConfig","size","children","styles","placeholderText"]);let generateAvatar=()=>r.createElement(E.q,Object.assign({size:l,radius:"xl"},s,{imageProps:Object.assign({loading:"lazy"},s.imageProps),styles:{placeholder:{backgroundColor:s.color,color:"white"}}}),i||c||r.createElement(V.I,{src:ed,width:l,alt:s.alt||"avatar"}));return t?r.createElement(b.z,Object.assign({inline:!0,position:"bottom-end",offset:9},n,{styles:Object.assign({indicator:{backgroundColor:r.isValidElement(n.label)&&"transparent",zIndex:1}},o)}),generateAvatar()):generateAvatar()},ep={lg:{height:48,fontSize:(0,o.h)(16),lineHeight:"24px"},md:{height:40,fontSize:(0,o.h)(14),lineHeight:"22px"},sm:{height:32,fontSize:(0,o.h)(14),lineHeight:"22px"},xs:{height:32,fontSize:(0,o.h)(13),lineHeight:(0,o.h)(20),letterSpacing:"-0.3px"}};var eu=(0,i.k)((e,{variantStyle:t,size:n})=>{let a=t===H.C.LEADGEN,r=ep[n]||{},l=a?"sm"===n?{height:36,fontSize:(0,o.h)(13),letterSpacing:"-0.3px"}:{fontSize:(0,o.h)(15),letterSpacing:"-0.3px"}:{};return{input:{border:`1px solid ${e.colors.gray[2]}`,transition:`all ${U.A} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign(Object.assign({minHeight:"unset"},r),l),"&:hover":{border:`1px solid ${e.fn.primaryColor()}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`},'&[data-invalid="true"]':{border:`1px solid ${e.colors.red600}`,color:"#000"}},rightSection:Object.assign({color:e.colors.gray[4]},(()=>{switch(n){case"lg":return Object.assign({fontSize:(0,o.h)(16)},a&&{fontSize:(0,o.h)(15)});case"md":return Object.assign({fontSize:(0,o.h)(14)},a&&{fontSize:(0,o.h)(15),letterSpacing:"-0.3px"});case"sm":return Object.assign({height:32,fontSize:(0,o.h)(14),lineHeight:"22px"},a&&{height:36,fontSize:(0,o.h)(13),letterSpacing:"-0.3px"});case"xs":return{height:32,lineHeight:(0,o.h)(20),fontSize:(0,o.h)(13),letterSpacing:"-0.3px"}}})())}});let eh=300,em=(0,y.Z)({key:"mantine",prepend:!1}),NumberInput=e=>{var{value:t,onChange:n,size:l="md",styles:i,classNames:o}=e,c=(0,a._)(e,["value","onChange","size","styles","classNames"]);let[s,d]=(0,r.useState)(t),[p]=(0,z.c)(s,eh),u=(0,H.u)(),{classes:h}=eu({variantStyle:u,size:l},{name:"MantineInput",styles:i,classNames:o});return(0,r.useEffect)(()=>{null==n||n(p)},[p]),(0,r.useEffect)(()=>{d(t)},[t]),r.createElement(w.Y,Object.assign({stepHoldDelay:500,stepHoldInterval:e=>Math.max(1e3/Math.pow(e,2),25),onChange:d,hideControls:!0,min:0,formatter:e=>0===Number(e)?e:e||"",removeTrailingZeros:!0,value:s},c,{size:l,classNames:{input:h.input,rightSection:h.rightSection}}))},eg=N.C.getAssetPath("EyeVisible.svg"),ef=N.C.getAssetPath("EyeHidden.svg"),RenderVisibleToggleIcon=({reveal:e,size:t})=>r.createElement("img",{src:e?eg:ef,style:{width:t,height:t},loading:"lazy"}),eE=(0,r.forwardRef)((e,t)=>{let{size:n="md",visibilityToggleIcon:l}=e,i=(0,a._)(e,["size","visibilityToggleIcon"]);return r.createElement(C.W,Object.assign({ref:t,size:n,visibilityToggleIcon:l||RenderVisibleToggleIcon},i,{className:`input-control ${(null==i?void 0:i.className)||""}`}))}),ErrorIcon=e=>{var{size:t}=e,n=(0,a._)(e,["size"]);let l=Object.assign({width:t,height:t},n);return r.createElement("svg",Object.assign({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("path",{d:"M5.996 6.513q.163 0 .282-.12a.38.38 0 0 0 .118-.28V3.937q0-.15-.118-.268a.4.4 0 0 0-.282-.119.4.4 0 0 0-.281.12.38.38 0 0 0-.119.28v2.175q0 .15.119.269.12.119.281.119m0 1.862a.43.43 0 0 0 .3-.112.4.4 0 0 0 .125-.313.4.4 0 0 0-.125-.3.4.4 0 0 0-.3-.125.4.4 0 0 0-.3.125.4.4 0 0 0-.125.3.4.4 0 0 0 .125.313.43.43 0 0 0 .3.112m0 2.375a4.6 4.6 0 0 1-1.856-.375 4.8 4.8 0 0 1-1.506-1.012A4.8 4.8 0 0 1 1.62 7.857 4.6 4.6 0 0 1 1.246 6q0-.987.375-1.856t1.013-1.506A4.8 4.8 0 0 1 4.14 1.625a4.6 4.6 0 0 1 1.856-.375q.988 0 1.857.375Q8.72 2 9.359 2.638q.637.637 1.012 1.506T10.747 6t-.375 1.857A4.8 4.8 0 0 1 9.36 9.363a4.8 4.8 0 0 1-1.506 1.012q-.87.375-1.857.375",fill:"#F44D2C"}))};ErrorIcon.defaultProps={size:18,color:q.r.colors.gray600,activeColor:q.r.colors.primaryBase};let ErrorLabel=e=>{var{label:t,withIcon:n,textProps:l}=e,i=(0,a._)(e,["label","withIcon","textProps"]);return r.createElement(x.k,Object.assign({align:"center",gap:4},i),n&&r.createElement(ErrorIcon,{size:12}),r.createElement(_.T,Object.assign({size:"c1",variant:"error",dangerouslySetInnerHTML:{__html:t}},l)))},eb=(0,r.createContext)({}),ev=Q.iv` height: 100% !important; min-height: calc(var(--container-height, 56px) * 24 / 56); line-height: calc(var(--container-height, 56px) * 24 / 56); border: none !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; padding: 0; cursor: pointer; opacity: 0; ::placeholder { color: ${q.r.colors.gray400}; } `,ey=Q.iv` height: auto !important; cursor: text; opacity: 1; transition: 0.1s ease-in-out all; `,ew=Q.iv` position: absolute; top: calc(var(--container-height) / 2); left: var(--space-x, 16px); margin: 0; z-index: 1; cursor: pointer; transform: translateY(-50%); transition: 0.125s ease-in all; `,eC=Q.iv` top: var(--space-y-shrink, 6px); transform: none; transition: 0.125s ease-out all; `,ex=Q.iv` min-height: var(--container-height, 56px); display: flex; align-items: flex-end; border: 1px solid ${q.r.colors.gray200}; border-radius: 8px; background-color: #fff; padding-inline: var(--space-x, 16px); padding-block: var(--space-y-not-shrink, 16px); cursor: pointer; pointer-events: none; &:has(.mantine-Input-rightSection) { padding-right: var(--container-height, 56px); } .mantine-Input-icon { display: none; } .mantine-NumberInput-control { border-color: ${q.r.colors.gray200}; } `,eL=Q.iv` height: auto; min-height: var(--container-height, 56px); padding-block: var(--space-y-shrink, 6px); cursor: text; pointer-events: auto; `,ek=Q.iv` color: ${q.r.colors.red800}; font-size: 12px; line-height: 1.5; `,eS=D.Z.div` --space-x: 16px; --space-y-not-shrink: 15px; --space-y-shrink: 6px; --container-height: 56px; --label-not-shrink: 16px; --label-shrink: 12px; --input: 15px; position: relative; min-width: 100px; max-width: 100%; display: inline-block; .textField_wrapper { display: inline-block; width: 100%; cursor: pointer; } .mantine-InputWrapper-root { &[data-invalid='true'] { .mantine-Input-wrapper { border-color: ${q.r.colors.red400}; } } .mantine-Input-wrapper { &:has([data-invalid]) { border-color: ${q.r.colors.red400}; } } } .mantine-InputWrapper-label { ${ew} } .mantine-Input-wrapper { ${ex} + .mantine-Popover-dropdown[data-position="bottom-start"] { left: 0 !important; } + .mantine-Popover-dropdown[data-position='top-start'] { top: unset !important; left: 0 !important; bottom: 100% !important; } } .mantine-Input-input { ${ev} } &.textField_shrink { .mantine-InputWrapper-label { ${eC} } .mantine-Input-wrapper { ${eL} &.mantine-Select-wrapper { .mantine-Select-rightSection { pointer-events: auto !important; } } } .mantine-Input-input { ${ey} } &:has(.PhoneInput) { .mantine-InputWrapper-label { left: var(--space-x, 16px); } .PhoneInput { .PhoneInputInput { opacity: 1; } } } } &:focus-within { .mantine-Input-wrapper { transition: 0.25s linear border; border-color: ${q.r.colors.primary600}; box-shadow: 0 0 4px ${q.r.colors.primary200}; } } .PhoneInput { --phone-select: 75px; --phone-input-space-x: 8px; width: 100%; opacity: 1; border: none; .PhoneInputCountry { background-color: transparent; border: none; padding: 0; width: var(--phone-select, 75px); } .PhoneInputInput { flex: 1; min-width: 0; line-height: 1.5; outline: none !important; border: none; box-shadow: none; font-size: var(--input, 15px); padding: 0 var(--phone-input-space-x, 8px); opacity: 0; color: ${q.r.colors.gray800} !important; :focus { color: ${q.r.colors.gray800} !important; } } } &:has(.PhoneInput) { .mantine-InputWrapper-label { left: calc( var(--space-x, 16px) + var(--phone-select, 75px) + var(--phone-input-space-x, 8px) ); } } .icon { position: absolute; top: calc(var(--container-height) / 2); right: var(--space-x, 16px); transform: translateY(-50%); transition: 0.125s ease-in all; &.shrink { top: calc(var(--container-height) / 2 - 4px); transform: translateY(0); } } `;D.Z.div` &.leadgen-form_checkbox, &.leadgen-form_radio { width: 100%; } &.leadgen-form_dropdown { width: calc(50% - 12px); } .mantine-InputWrapper-root { display: block; } .mantine-InputWrapper-label { margin-bottom: 0.5rem; color: ${q.r.colors.gray800}; font-size: 16px; font-weight: 400; line-height: 1.5; } .mantine-Radio-root, .mantine-Checkbox-root { gap: 8px; min-width: calc(50% - 4px); // input[type='radio'], // input[type='checkbox'] { // border-color: ${q.r.colors.gray600}; // width: 18px; // height: 18px; // } // input[type='checkbox'] { // border-radius: 4px; // } // &[data-checked='true'] { // input[type='radio'], // input[type='checkbox'] { // border-color: ${q.r.colors.primary600}; // } // input[type='radio'] { // background-color: white; // } // } .mantine-Checkbox-input { &:checked { border-color: ${q.r.colors.primary600}; } } } .leadgen-choiceContainer { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; } .mantine-InputWrapper-error { ${ek} } `,D.Z.div` position: absolute; top: calc(var(--container-height) / 2); right: var(--space-x, 16px); `;let FloatingLabelControl=e=>{let{shrink:t,onChangeShrink:n,children:l,className:i}=e,o=(0,a._)(e,["shrink","onChangeShrink","children","className"]),[c,s]=(0,r.useState)(t),[d,p]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{s(t)},[t]),r.createElement(eb.Provider,Object.assign({value:{shrinkProps:t,shrink:c,setShrink:s,onChangeShrink:n,hasIcon:d,setHasIcon:p}},o),r.createElement(eS,Object.assign({shrink:c,className:(0,L.default)(i,"textField",{textField_shrink:!!c})},o),l))};FloatingLabelControl.Control=e=>{let{shrink:t,shrinkProps:n,onChangeShrink:a,setShrink:l,hasIcon:i}=(0,r.useContext)(eb),{children:o}=e,c=(0,F.O)(()=>{n||(l(!1),null==a||a(!1))}),focusInput=e=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),n=t.item(t.length-1);n&&n.focus({preventScroll:!0})},s=(0,r.useCallback)(e=>{if(t){e.preventDefault(),focusInput(e.currentTarget);return}l(!0),null==a||a(!0),focusInput(e.currentTarget)},[t]);return(0,r.useEffect)(()=>{l(n)},[n]),r.createElement(m.x,{ref:c,onClick:s,className:"FloatingLabelControl_wrapper"},"function"==typeof o?o({shrink:!!t,hasIcon:i}):o)},FloatingLabelControl.Icon=({Icon:e})=>{let{shrink:t,setHasIcon:n}=(0,r.useContext)(eb),a=(0,h.rZ)();return(0,r.useEffect)(()=>{e&&n(!0)},[]),e?r.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:a.colors.gray[9]}):null};let eI=(0,r.forwardRef)((e,t)=>{var{label:n,value:l,onChange:i,onChangeRaw:o,maxLength:c,withFloatingLabel:s,styles:d,error:p,size:u="md",debouncedTime:h=eh}=e,m=(0,a._)(e,["label","value","onChange","onChangeRaw","maxLength","withFloatingLabel","styles","error","size","debouncedTime"]);let g=(0,H.u)(),{classes:f}=eu({variantStyle:g,size:u},{name:"MantineInput",styles:d}),[E,b]=(0,r.useState)(l||""),[v]=(0,z.c)(E,h);(0,r.useEffect)(()=>{null==i||i(v)},[v]),(0,r.useEffect)(()=>{b(l)},[l]);let y=Object.assign(Object.assign({classNames:{input:f.input,rightSection:f.rightSection},ref:t,size:u,onChange:e=>{"number"==typeof c&&e.currentTarget.value.length>c||(null==o||o(e),b(e.currentTarget.value))},value:E,label:n,error:p},m),{maxLength:c,className:`input-control ${(null==m?void 0:m.className)||""}`});return s?r.createElement(FloatingLabelControl,{shrink:!!E},r.createElement(FloatingLabelControl.Control,null,({shrink:e})=>r.createElement(k.o,Object.assign({},y,{error:p&&r.createElement(ErrorLabel,{label:String(p)}),inputWrapperOrder:["label","input","description","error"],label:r.createElement(_.T,{size:e?"p3":"p2",variant:"secondary",weight:"halfBold"},n),styles:e=>({input:Object.assign(Object.assign({},(0,H.G)(e)[H.C.LEADGEN].p2),{color:e.colors.gray[9],fontWeight:H.F.halfBold})})})))):r.createElement(k.o,Object.assign({},y))}),eO=eI;eO.File=e=>r.createElement(v.S,Object.assign({size:"md"},e)),eO.Password=eE,eO.Number=NumberInput,eO.Wrapper=S.I.Wrapper;let eM=A.l.Slide,ej=(0,r.createContext)({}),findIndexFromLeftSide=(e,t)=>e>=t?e-t:e,findIndexFromRight=(e,t)=>e<0?t+e:e,CentralCarousel=e=>{var{children:t,blurFromCenter:n,blurFromIndex:l,blurLength:o=3,maxBlurOpacity:c=.5,onSlideChange:s,selectSlideWhenClick:d}=e,p=(0,a._)(e,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);let{width:u}=(0,T.n)(),[h]=(0,B.y)(),m=(0,r.useRef)(null),[g,f]=(0,r.useState)(0),handleStyle=()=>{var e,t,a,r,i;let s=(null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(t=null==m?void 0:m.current)||void 0===t?void 0:t.slideNodes().length)<=(null===(a=null==m?void 0:m.current)||void 0===a?void 0:a.slidesInView().length))return s.map(e=>{e.classList.remove("center-slide"),e.style.opacity="1"}),!1;let d=null===(r=null==m?void 0:m.current)||void 0===r?void 0:r.selectedScrollSnap();f(d);let p=s.length,u=null===(i=null==m?void 0:m.current)||void 0===i?void 0:i.slidesInView(),h=u.length,g=n?l+o-1:Math.floor(h/2),E=d+g,b=E===p?0:E>p?E-p:E,v=d-g,y=v<0?p+v:v>0?d-g:0,w=[...new Set(Array(2*g+1).fill("").map((e,t)=>findIndexFromLeftSide(y+t,p)))];s.map((e,t)=>{if(t===d?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==w.indexOf(t)){let n=c/o;for(let a=0;a{(null==m?void 0:m.current)&&handleStyle()},[u]);let E=(0,i.k)(()=>{var e,t;return{control:Object.assign({},(null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(t=null==m?void 0:m.current)||void 0===t?void 0:t.slidesInView().length)&&{display:"none"})}}),{classes:b}=E();return r.createElement(ej.Provider,{value:{slider:null==m?void 0:m.current,centerSlide:g,selectSlideWhenClick:d}},r.createElement(A.l,Object.assign({classNames:{control:b.control},ref:h,slideSize:"auto",containScroll:"trimSnaps"},{getEmblaApi:e=>{m.current=e},onSlideChange:e=>{handleStyle(),null==s||s(e)}},p,{loop:!0}),"function"==typeof t?t(g):t))};CentralCarousel.Slide=e=>{var{children:t,onClick:n,innerSlideProps:l}=e,i=(0,a._)(e,["children","onClick","innerSlideProps"]);let{slider:o,selectSlideWhenClick:c}=(0,r.useContext)(ej),s=(0,r.useRef)(),d=(0,r.useRef)(""),[p,u]=(0,r.useState)(0);(0,r.useEffect)(()=>{d.current=String(Math.round(1e4*Math.random()))},[]),(0,r.useEffect)(()=>{let e=(null==o?void 0:o.slideNodes())||[];u(e.findIndex(e=>e.dataset.key===d.current))},[o]);let h={ref:s,"data-key":d.current,"data-index":p};return r.createElement(eM,Object.assign({},h,i),r.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{c&&(null==o||o.scrollTo(p)),null==n||n(p)}},l),t))};let CheckboxWithState=e=>{var{size:t=24,isSolid:n,isActive:l}=e,i=(0,a._)(e,["size","isSolid","isActive"]);return n?r.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),r.createElement("path",{d:"M10 18C14.4183 18 18 14.4183 18 10C18 5.58173 14.4183 2 10 2C5.58173 2 2 5.58173 2 10C2 14.4183 5.58173 18 10 18Z",fill:"#2D87F3"}),r.createElement("path",{d:"M6.38904 10.2778L8.88904 13.0556L13.6113 6.94446",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M10 18C14.4183 18 18 14.4183 18 10C18 5.58173 14.4183 2 10 2C5.58173 2 2 5.58173 2 10C2 14.4183 5.58173 18 10 18Z",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):l?r.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),r.createElement("path",{opacity:".2",d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",fill:"#2D87F3"}),r.createElement("path",{d:"m6.389 10.278 2.5 2.778 4.722-6.111",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):r.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),r.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",fill:"#ADB3BC",fillOpacity:".3"}),r.createElement("path",{d:"m6.389 10.278 2.5 2.778 4.722-6.111",stroke:"#ADB3BC",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#ADB3BC",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},Checkbox=e=>{var{color:t="blue",label:n,size:l,styles:i}=e,o=(0,a._)(e,["color","label","size","styles"]);let c=(0,h.rZ)(),s=(0,H.u)(),d=(0,r.useMemo)(()=>{var e,n;return((null==t?void 0:t.includes("."))?null===(e=c.colors[t.split(".")[0]])||void 0===e?void 0:e[t.split(".")[1]]:null===(n=c.colors[t])||void 0===n?void 0:n[c.primaryShade||6])||c.colors.blue[6]},[t]),p=s===H.C.LEADGEN,u=p?20:l;return r.createElement(I.X,Object.assign({color:t,size:u,label:p?r.createElement(_.T,{size:"p2",color:c.colors.gray[8]},n):n,icon:p?e=>{var t=(0,a._)(e,[]);return r.createElement(r.Fragment,null,r.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-default":"true",size:u},t)),r.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-hover":"true",isActive:!0,size:u},t)),r.createElement(CheckboxWithState,Object.assign({"data-icon":"true","data-checked":"true",isSolid:!0,size:u},t)))}:void 0,styles:Object.assign({input:Object.assign({"&:hover":{border:`1px solid ${d}`}},p&&{width:u,height:u,backgroundColor:"transparent",borderRadius:"50%","&,&:hover":{border:0},"& ~ [data-icon]":{opacity:0},"& ~ [data-default]":{opacity:1},"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-hover]":{opacity:1}},"&:checked":{"& ~ [data-icon]":{opacity:0},"& ~ [data-checked]":{opacity:1},"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-checked]":{opacity:1}}},"&, &:hover, &:checked":{backgroundColor:"transparent",borderColor:"transparent","& ~ svg":{width:"100%",transform:"none",transition:"opacity 0.2s ease"}},[c.fn.smallerThan("sm")]:{"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-default]":{opacity:1}}}}),label:Object.assign({},p&&{paddingLeft:8}),body:Object.assign({},p&&{alignItems:"flex-start"}),inner:Object.assign({},p&&{paddingTop:2,width:u,height:24})},i)},o))};Checkbox.Group=I.X.Group;let eR=(0,D.Z)(O.i)` ${e=>{let t=e.color||q.r.colors.primaryBase;return` .mantine-Slider-bar { background-color: ${t}; } .mantine-Slider-thumb { border-color: ${t}; color: ${t}; } `}} [data-theme='marryBaby'] & { ${e=>{let t=e.color||q.r.mbColors.pink;return` .mantine-Slider-bar { background-color: ${t}; } .mantine-Slider-thumb { border-color: ${t}; color: ${t}; } `}} } .mantine-Slider-label { background-color: transparent; color: #000; font-size: 14px; font-weight: bold; } `,eZ=D.Z.div` display: flex; align-items: center; .hhg-mantine-slider { flex-grow: 1; } button { path:not([stroke]) { stroke: ${q.r.colors.primaryBase}; } } [data-theme='marryBaby'] & { button { path:not([stroke]) { stroke: ${q.r.mbColors.pink}; } } } `,RadioWithState=e=>{var{size:t=24,isSolid:n,isActive:l}=e,i=(0,a._)(e,["size","isSolid","isActive"]);return n?r.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),r.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("circle",{cx:"10",cy:"10",r:"4",fill:"#2D87F3"})):l?r.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),r.createElement("path",{d:"M10 1a9 9 0 1 1 0 18 9 9 0 0 1 0-18",stroke:"#BCDEFF",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):r.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),r.createElement("path",{d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16",stroke:"#ADB3BC",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},Radio=e=>{var{color:t,label:n,size:l,styles:i}=e,o=(0,a._)(e,["color","label","size","styles"]);let c=(0,h.rZ)(),s=(0,H.u)(),d=(0,r.useMemo)(()=>{var e,n;return((null==t?void 0:t.includes("."))?null===(e=c.colors[t.split(".")[0]])||void 0===e?void 0:e[t.split(".")[1]]:null===(n=c.colors[t])||void 0===n?void 0:n[c.primaryShade||6])||c.fn.primaryColor()},[t]),p=s===H.C.LEADGEN,u=p?20:l;return r.createElement(M.Y,Object.assign({label:p?r.createElement(_.T,{size:"p2",color:c.colors.gray[8]},n):n,size:u,icon:p?e=>{var t=(0,a._)(e,[]);return r.createElement(r.Fragment,null,r.createElement(RadioWithState,Object.assign({"data-icon":"true","data-default":"true",size:u},t)),r.createElement(RadioWithState,Object.assign({"data-icon":"true","data-hover":"true",isActive:!0,size:u},t)),r.createElement(RadioWithState,Object.assign({"data-icon":"true","data-checked":"true",isSolid:!0,size:u},t)))}:void 0,styles:Object.assign({radio:Object.assign({"&:hover, &:checked":{border:`1px solid ${d}`},"&:checked + .___ref-icon":{top:"50%",left:"50%",transform:"scale(1) translate(-50%, -50%)"}},p&&{width:u,height:u,backgroundColor:"transparent",marginTop:2,borderRadius:"50%","&,&:hover":{border:0},"& ~ [data-icon]":{opacity:0},"& ~ [data-default]":{opacity:1},"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-hover]":{opacity:1}},"&:checked":{"& ~ [data-icon]":{opacity:0},"& ~ [data-checked]":{opacity:1},"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-checked]":{opacity:1}}},"&, &:hover, &:checked":{backgroundColor:"transparent",borderColor:"transparent","& ~ svg":{position:"absolute",width:"100%",transform:"none",transition:"opacity 0.2s ease",top:2,left:0}},[c.fn.smallerThan("sm")]:{"&:hover":{"& ~ [data-icon]":{opacity:0},"& ~ [data-default]":{opacity:1}}}}),icon:{color:d},label:Object.assign({},p&&{paddingLeft:8})},i)},o))};function transferValueToOtp(e,t=6){let n=Array(t).fill("");if(e){let t=e.toString().split("");n.map((e,a)=>{t[a]&&(n[a]=t[a]||"")})}return n}function transferOtpToValue(e){return e.join("")}Radio.Group=M.Y.Group;let ez=(0,r.forwardRef)((e,t)=>{let{maxLength:n=1,placeholder:l,className:i}=e,o=(0,a._)(e,["maxLength","placeholder","className"]);return r.createElement("input",Object.assign({maxLength:n,className:G()("Ia6IojY","otpInput",i),placeholder:l,type:"number"},o,{ref:t}))}),eF=(0,r.forwardRef)((e,t)=>{let{valueLength:n=6,type:a="number",value:l,defaultValue:i,placeholder:o,onChange:c,onBlur:s,otpShareProps:d}=e,p=(0,r.useRef)(Array(n).fill(null)),[u,h]=(0,r.useState)(i||l),[m,g]=(0,r.useState)(-1),[f,E]=(0,r.useState)(()=>transferValueToOtp(u,n)),b=(0,r.useCallback)(()=>{if(-1===m)return;let e=p.current[m];e&&(e.value="",f[m]="",E(f),h(()=>transferOtpToValue(f)),null==c||c(transferOtpToValue(f)))},[m,c,f]),v=(0,r.useCallback)(()=>{if(0===m)return;let e=p.current[m];e&&e.blur();let t=p.current[m-1];t&&t.focus()},[m]),y=(0,r.useCallback)(()=>{if(m===n-1)return;let e=p.current[m];e&&e.blur();let t=p.current[m+1];t&&t.focus()},[m,n]),w=(0,r.useCallback)(e=>{let t=e.target,n=t.value,a=n.toString().slice(0,1),r=p.current.findIndex(e=>e===t);-1!==r&&(f[r]=a,E(f),h(()=>transferOtpToValue(f)),null==c||c(transferOtpToValue(f))),y()},[y,c,f]),C=(0,r.useCallback)(e=>{let t=e.target,n=p.current.findIndex(e=>e===t);"number"===a?t.select():t.setSelectionRange(0,t.value.length,"backward"),-1!==n&&g(n)},[]),L=(0,r.useCallback)(e=>{let t=e.clipboardData.getData("text/plain"),a=transferValueToOtp(t,n),r=transferOtpToValue(a);E(a),h(r),null==c||c(r)},[c,a,n]),k=(0,r.useCallback)(e=>{8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),b(),v()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),b()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),v()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),y()):(32===e.keyCode||" "===e.key||"Spacebar"===e.key||"Space"===e.key)&&e.preventDefault()},[b,y,v]);return(0,r.useImperativeHandle)(t,()=>p.current[0],[]),(0,r.useEffect)(()=>{E(()=>transferValueToOtp(l,n)),h(l)},[n,l]),r.createElement(x.k,{justify:"center",columnGap:8,className:G()("_2iQs0sk","otpContainer")},f.map((e,t)=>r.createElement(ez,Object.assign({},d,{ref:e=>{p.current[t]=e},key:""+t,value:e,type:a,onChange:w,onFocus:C,onKeyDown:k,onPaste:L,onBlur:s,placeholder:o}))))}),CambodiaRoundIcon=e=>r.createElement(V.I,Object.assign({alt:"round cambodia flag",src:N.C.getAssetPath("flags/cambodiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),CambodiaSquareIcon=e=>r.createElement(V.I,Object.assign({alt:"square cambodia flag",src:N.C.getAssetPath("flags/cambodiaSquare.png")},e)),EnglishRoundIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),r.createElement("g",null,r.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),r.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),r.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),r.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),r.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),r.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),r.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),r.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),r.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"}),r.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),r.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"}),r.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}))),EnglishSquareIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 26 26",fill:"none"},e),r.createElement("g",null,r.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},r.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"})),r.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),r.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),r.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),r.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),r.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),r.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),r.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),r.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"}),r.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"}))),IndiaRoundIcon=e=>r.createElement(V.I,Object.assign({alt:"round india flag",src:N.C.getAssetPath("flags/indiaRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),IndiaSquareIcon=e=>r.createElement(V.I,Object.assign({alt:"square indian flag",src:N.C.getAssetPath("flags/indiaSquare.png")},e)),IndonesiaRoundIcon=e=>{var t=(0,a._)(e,[]);let n=(0,K.a)();return r.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none"},t),r.createElement("mask",{id:n,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),r.createElement("g",{mask:`url(#${n})`},r.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),r.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},IndonesiaSquareIcon=e=>{var t=(0,a._)(e,[]);let n=(0,K.a)();return r.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},t),r.createElement("g",{clipPath:`url(#${n})`},r.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),r.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),r.createElement("defs",null,r.createElement("clipPath",{id:n},r.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},MalaysiaRoundIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),r.createElement("g",null,r.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),r.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),r.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),r.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),r.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"}),r.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"}))),MalaysiaSquareIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),r.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),r.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),r.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),r.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),r.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"}),r.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"})),MyanmarRoundIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),r.createElement("g",null,r.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),r.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),r.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),r.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"}))),MyanmarSquareIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),r.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),r.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),r.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"})),PhilippinesRoundIcon=e=>r.createElement(V.I,Object.assign({alt:"round philippines flag",src:N.C.getAssetPath("flags/philippineRound.png"),style:Object.assign({borderRadius:"50%"},e.style)},e)),PhilippinesSquareIcon=e=>r.createElement(V.I,Object.assign({alt:"square philippines flag",src:N.C.getAssetPath("flags/philippineSquare.png")},e)),SingaporeRoundIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),r.createElement("g",null,r.createElement("mask",{maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),r.createElement("rect",{width:"20",height:"10",y:"0",fill:"#EF3340"}),r.createElement("rect",{width:"20",height:"10",y:"10",fill:"#FFFFFF"}),r.createElement("circle",{cx:"6",cy:"5",r:"3",fill:"white"}),r.createElement("circle",{cx:"6.8",cy:"5",r:"2.4",fill:"#EF3340"}),r.createElement("g",{fill:"white",transform:"translate(6 5)"},r.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(1.8 -2)"}),r.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(3 -1)"}),r.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(3 0.5)"}),r.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(1.8 1.5)"}),r.createElement("polygon",{points:"0,-0.9 0.26,-0.26 0.9,0 0.26,0.26 0,0.9 -0.26,0.26 -0.9,0 -0.26,-0.26",transform:"translate(0.6 0.5)"})))),SingaporeSquareIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),r.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}),r.createElement("rect",{width:"24",height:"8",rx:"2",fill:"#EF3340"}),r.createElement("circle",{cx:"6",cy:"4",r:"3",fill:"white"}),r.createElement("circle",{cx:"6.8",cy:"4",r:"2.4",fill:"#EF3340"}),r.createElement("g",{fill:"white",transform:"translate(6 4)"},r.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(1.8 -2)"}),r.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(3 -1)"}),r.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(3 0.5)"}),r.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(1.8 1.5)"}),r.createElement("polygon",{points:"0,-1 0.3,-0.3 1,0 0.3,0.3 0,1 -0.3,0.3 -1,0 -0.3,-0.3",transform:"translate(0.6 0.5)"}))),TaiwanRoundIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),r.createElement("g",null,r.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),r.createElement("g",null,r.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),r.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),r.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),r.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"})))),TaiwanSquareIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),r.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),r.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),r.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"}),r.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"})),ThailandRoundIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),r.createElement("g",null,r.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),r.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),r.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"}))),ThailandSquareIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 24 17",fill:"none"},e),r.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),r.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"})),VietnamRoundIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"none",style:Object.assign({borderRadius:"50%"},e.style)},e),r.createElement("g",null,r.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},r.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),r.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),r.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"}))),VietnamSquareIcon=e=>r.createElement("svg",Object.assign({viewBox:"0 0 24 16",fill:"none"},e),r.createElement("g",null,r.createElement("clipPath",null,r.createElement("rect",{width:"24",height:"16",fill:"white"})),r.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"}),r.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"})));var eT={flag:"pfaLGRK"};let Flag=({country:e,language:t,rounded:n,height:a,width:l,isTesting:i,className:o})=>{let c,s;switch(t){case"en":c=r.createElement(EnglishSquareIcon,null),s=r.createElement(EnglishRoundIcon,null);break;case"vi":c=r.createElement(VietnamSquareIcon,null),s=r.createElement(VietnamRoundIcon,null);break;case"id":c=r.createElement(IndonesiaSquareIcon,{isTesting:i}),s=r.createElement(IndonesiaRoundIcon,{isTesting:i});break;case"th":c=r.createElement(ThailandSquareIcon,null),s=r.createElement(ThailandRoundIcon,null);break;case"km":c=r.createElement(CambodiaSquareIcon,null),s=r.createElement(CambodiaRoundIcon,null);break;case"ms":c=r.createElement(MalaysiaSquareIcon,null),s=r.createElement(MalaysiaRoundIcon,null);break;case"my":c=r.createElement(MyanmarSquareIcon,null),s=r.createElement(MyanmarRoundIcon,null);break;case"tl":c=r.createElement(PhilippinesSquareIcon,null),s=r.createElement(PhilippinesRoundIcon,null);break;case"hi":c=r.createElement(IndiaSquareIcon,null),s=r.createElement(IndiaRoundIcon,null);break;case"zh":c=r.createElement(TaiwanSquareIcon,null),s=r.createElement(TaiwanRoundIcon,null)}if(!c&&!s)switch(e){case"VN":c=r.createElement(VietnamSquareIcon,null),s=r.createElement(VietnamRoundIcon,null);break;case"ID":c=r.createElement(IndonesiaSquareIcon,{isTesting:i}),s=r.createElement(IndonesiaRoundIcon,{isTesting:i});break;case"TH":c=r.createElement(ThailandSquareIcon,null),s=r.createElement(ThailandRoundIcon,null);break;case"KH":c=r.createElement(CambodiaSquareIcon,null),s=r.createElement(CambodiaRoundIcon,null);break;case"MY":c=r.createElement(MalaysiaSquareIcon,null),s=r.createElement(MalaysiaRoundIcon,null);break;case"MM":c=r.createElement(MyanmarSquareIcon,null),s=r.createElement(MyanmarRoundIcon,null);break;case"PH":c=r.createElement(PhilippinesSquareIcon,null),s=r.createElement(PhilippinesRoundIcon,null);break;case"IN":c=r.createElement(IndiaSquareIcon,null),s=r.createElement(IndiaRoundIcon,null);break;case"TW":c=r.createElement(TaiwanSquareIcon,null),s=r.createElement(TaiwanRoundIcon,null);break;case"SG":c=r.createElement(SingaporeSquareIcon,null),s=r.createElement(SingaporeRoundIcon,null)}return r.createElement("div",{className:`${eT.flag} ${o||""}`,style:{"--width":l||20,"--height":a||20}},n?s:c)},CaretDown=e=>r.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),r.createElement("path",{d:"M4.81428 7.53044L7.64065 10.3568C7.83849 10.5546 8.15877 10.5546 8.3561 10.3568L11.1825 7.53044C11.5012 7.21168 11.2756 6.66675 10.8247 6.66675H5.172C4.72118 6.66675 4.49552 7.21168 4.81428 7.53044Z"})),eB=Object.values(J.x9).reduce((e,{phoneCountry:t})=>(e.includes(t)||e.push(t),e),[]);var eP={phoneInput:"i-9Ibox",error:"YDWHh9b",selectedCountry:"_87SIJ95"};let eN=(0,r.forwardRef)((e,t)=>{let{isError:l,defaultCountry:i,selectedCountry:o,countries:c=eB,countryCallingCodeEditable:s=!1,defaultValue:d,value:p,onChange:u,flagComponent:h,arrowComponent:g,withFloatingLabel:f,className:E,inputId:b,label:v,error:y}=e,w=(0,a._)(e,["isError","defaultCountry","selectedCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","flagComponent","arrowComponent","withFloatingLabel","className","inputId","label","error"]),[C,x]=(0,r.useState)(d||p),[L,k]=(0,r.useState)(null),I=(0,r.useCallback)(e=>{if(!L)return;if(h)return h(e);let{country:t,countryName:n,flagUrl:l}=e,i=(0,a._)(e,["country","countryName","flagUrl"]),o=t?`+${L.getCountryCallingCode(t)}`:"";return r.createElement(r.Fragment,null,r.createElement(Flag,Object.assign({country:t,title:n},i)),r.createElement(_.T,{size:"p2",variant:"primary",className:G()(eP.callingCode,"PhoneInputCountryIconCallingCode")},o))},[h,L]),O=(0,r.useCallback)(()=>g?g():r.createElement("div",{className:G()(eP.arrowSelect,"PhoneInputArrowContainer")},r.createElement(CaretDown,null)),[g]);if((0,r.useEffect)(()=>{x(p)},[p]),(0,r.useEffect)(()=>{(0,a.a)(void 0,void 0,void 0,function*(){let e=yield Promise.all([n.e(5231),n.e(7797),n.e(5454),n.e(5481),n.e(140),n.e(1730),n.e(3684),n.e(5349),n.e(4148),n.e(2509),n.e(1533),n.e(1108),n.e(9124),n.e(4190),n.e(4447),n.e(6509),n.e(8674),n.e(3597),n.e(4071),n.e(2405),n.e(9353),n.e(3929),n.e(4106),n.e(1661),n.e(137),n.e(4414),n.e(7613),n.e(8098),n.e(3416),n.e(2500),n.e(1570),n.e(3506),n.e(1413),n.e(2138),n.e(9467),n.e(4467),n.e(6966),n.e(5243),n.e(8132),n.e(1375),n.e(4561),n.e(1448),n.e(5465),n.e(1217),n.e(5480),n.e(731),n.e(2050),n.e(2008),n.e(8469),n.e(8214),n.e(1482),n.e(6817),n.e(467),n.e(5951),n.e(9357),n.e(747),n.e(5675),n.e(6753),n.e(4802),n.e(3046),n.e(5745),n.e(3437),n.e(252),n.e(6839),n.e(9424),n.e(5702),n.e(8922),n.e(6399),n.e(553),n.e(2902),n.e(4969),n.e(3257),n.e(6611),n.e(7538),n.e(6894),n.e(5341)]).then(n.bind(n,"A9bs"));k(e)})},[]),!L)return null;let M=Object.assign({ref:t,defaultValue:d,label:v,value:C,onChange:e=>{x(e),null==u||u(e)},countries:c,defaultCountry:i||o,countryCallingCodeEditable:s,displayInitialValueAsLocalNumber:!0,className:G()(eP.phoneInput,{isError:l,[eP.error]:l,[eP.selectedCountry]:o},E),flagUrl:void 0,flagComponent:I,countrySelectProps:{arrowComponent:O},id:b},w);return f?r.createElement(FloatingLabelControl,{shrink:!!C},r.createElement(FloatingLabelControl.Control,null,({shrink:e})=>r.createElement(S.I.Wrapper,{size:"md",label:r.createElement(_.T,{size:e?"p3":"p2",variant:"secondary",weight:"halfBold"},v),inputWrapperOrder:["label","input","description","error"],error:y&&r.createElement(ErrorLabel,{label:y})},r.createElement(m.x,{className:"mantine-Input-wrapper",sx:e=>({".PhoneInput .PhoneInputInput":Object.assign(Object.assign({},(0,H.G)(e)[H.C.LEADGEN].p2),{color:e.colors.gray[9],fontWeight:H.F.halfBold})})},r.createElement(L.default,Object.assign({},M)))))):r.createElement(L.default,Object.assign({},M))});(0,r.forwardRef)((e,t)=>{let{defaultCountry:n,id:l,name:i,placeholder:o,label:c,labelElement:s,labelProps:d,description:p,descriptionProps:u,withAsterisk:h,inputMode:m,inputContainer:g,inputWrapperOrder:f,error:E,className:b,classNames:v,style:y,styles:w}=e,C=(0,a._)(e,["defaultCountry","id","name","placeholder","label","labelElement","labelProps","description","descriptionProps","withAsterisk","inputMode","inputContainer","inputWrapperOrder","error","className","classNames","style","styles"]),x=l||(0,Y.Z)()+i;return r.createElement(S.I.Wrapper,{size:"md",label:c,labelElement:s,labelProps:Object.assign({htmlFor:x},d),description:p,descriptionProps:u,withAsterisk:h,inputMode:m,inputContainer:g,inputWrapperOrder:f,error:E,"data-invalid":!!E,className:b,classNames:v,style:y,styles:w},r.createElement("div",{className:"mantine-Input-wrapper"},r.createElement(eN,Object.assign({},C,{id:x,ref:t,name:i,spellCheck:!1,placeholder:o,defaultCountry:n,className:"mantine-Input-input",type:"tel","data-control":"tel"}))))});let eH=(0,r.createContext)({}),Popover=e=>{var{children:t,closeOnClickOutside:n=!0}=e,l=(0,a._)(e,["children","closeOnClickOutside"]);let[i,{close:o,open:c}]=(0,P.q)(!1),s=n?(0,F.O)(o):(0,r.useRef)(),d=Object.assign({},"function"==typeof t?{opened:i}:{});return r.createElement(eH.Provider,{value:{opened:i,close:o,open:c}},r.createElement(j.J,Object.assign({closeOnClickOutside:n},d,l),r.createElement("div",{ref:s},"function"==typeof t?t({open:c,close:o,opened:i}):t)))};Popover.Target=j.J.Target,Popover.Dropdown=j.J.Dropdown;var eV=(0,i.k)(e=>{var t;return{root:{},iconWrapper:{display:"none"},label:{display:"inline-block",cursor:"pointer",".checked":{display:"none"},".unchecked":{display:"inline-block"},'&[data-checked="true"]':{".checked":{display:"inline-block"},".unchecked":{display:"none"}},'&,&[data-checked="true"]':{padding:0,border:0,height:"auto"}},btnRoot:{pointerEvents:"none",'&[data-variant="secondary"]':{backgroundColor:null===(t=e.colors[e.primaryColor])||void 0===t?void 0:t[0]},".mantine-Button-label":{fontWeight:"normal",fontSize:(0,o.h)(14)}}}});let ChipButton=e=>{var{variant:t="secondary",withIcon:n,children:l,buttonProps:i}=e,o=(0,a._)(e,["variant","withIcon","children","buttonProps"]);let{classes:c,cx:s}=eV();return r.createElement(R.A,Object.assign({classNames:c},o,{unstyled:!0}),r.createElement(et.B,Object.assign({className:s(c.btnRoot,"checked"),leftIcon:n?r.createElement(X.Z,{size:18,color:"currentColor"}):void 0,variant:t},i),l),r.createElement(et.B,Object.assign({className:s(c.btnRoot,"unchecked"),leftIcon:n?r.createElement(ee.Z,{size:18,color:"currentColor"}):void 0,variant:"tertiary"},i),l))};ChipButton.Group=R.A.Group}}]);