import{V as m,l as Be,Z as Fe,R as Qe,w as $,o as T,j as t,d as k,I as oe,T as f,Y as Se,B as W,$ as le,a0 as Te,u as ce,c as Xe,a1 as Ue,M as He,X as Ce,a2 as Oe,G as qe,m as Ke,e as re,g as te,r as Ge,s as Ze,H as Je,a3 as Ee,b as et,a4 as tt,v as st,A as it,h as at,x as nt,O as rt}from"./index-BwK72RNz.js";import{a as $e,r as _}from"./vendor-animations-CsoOZIH8.js";import{B as ot}from"./BaseLayout-C1lrLzVc.js";import{F as lt}from"./FormErrors-NH25E8sB.js";import{P as ct,i as xe,D as dt,R as ht}from"./inMemoryDonator-DchBWl9v.js";import{V as _e}from"./types-DrtkSZ7f.js";import{D as mt}from"./DonationPage-D_0hTOH6.js";import{B as ut}from"./BrandingBackdrop-xtwZ-mju.js";import{P as pt}from"./DonationFooter-D7Aq522q.js";import{D as ft,P as gt}from"./DonationAmountInput-DW7hD3Jj.js";import{D as xt}from"./DropdownInput-BK3vzHGq.js";import{T as z}from"./TextInput-DDXMHsuc.js";import{U as _t}from"./UploadImageInput-C5WDzdI5.js";import{S as se}from"./SocialInput-CONDI6_6.js";import{C as vt}from"./CheckboxInput-DyagdM7p.js";import{Q as Ie}from"./quiz.constants-CLI0y96q.js";import{A as bt}from"./AIAssistant-CHWM4FYu.js";import{g as ve}from"./getNumberFormat-D9eLFqYV.js";import{S as At,r as Dt,P as jt}from"./SafeCodeInput-DfPPgwOB.js";import{u as yt}from"./useQuery-DTdOygMU.js";import{W as wt}from"./WallsService-DaROhOT5.js";import{w as St}from"./withOnFirstError-hAsdbznp.js";import"./Art-DM5D0LFU.js";import"./useJivoExternalScript-yyZ--K1Q.js";import"./DonationVoice-B-yV52Ms.js";import"./getVotesFormat-CTrf3mHq.js";import"./getSocialFormat-sNKDLQQA.js";import"./inputmask-Cr-e3LsO.js";import"./pluralize-BqhPSiJS.js";import"./validators-DlLe_3fP.js";import"./TextInput-BibzsVX2.js";import"./copyToClipboard-BMg5jyIQ.js";class Et{constructor(e){this._pageId="",this.amountRef=$e.createRef(),this._name="",this._amount="",this._activity=m.Message,this._actionId="",this._message="",this._image="",this._videoLink="",this._firstVariant="",this._secondVariant="",this._thirdVariant="",this._isAddedVariant=!1,this._about="",this._telegram="",this._youtube="",this._twitch="",this._vk="",this._vkLive="",this._kick="",this._isPermissionToShow=!1,this._isTTSEnable=!1,this._voiceId=0,this._isTgEnable=!1,this._isAIEnabled=!1,this._isSafeEnable=!1,this._safeCode=[],this._safeEmail="",this._isWonderEnable=!1,this._wonderWord=[],this._isWallEnableForm=!1,this._wallData=null,this._isMassQuiz=!1,this._paymentId=ct.Russia,this._minAmountDonation="",this._minAmountDonationMultiplier=1,this.errors=new lt,this.setPaymentId=s=>{this._paymentId=s},Be(this),this._pageId=e}get isDisabled(){return!this.isValid}get pageId(){return this._pageId}get name(){return this._name}get amount(){return this._amount}get amountValue(){return Number(this._amount).valueOf()}get paymentId(){return this._paymentId}get activity(){return this._activity}get actionId(){return this._actionId}get isTTSEnable(){return this._isTTSEnable}get voiceId(){return this._voiceId}get isTgEnable(){return this._isTgEnable}get message(){return this._message}get videoLink(){return this._videoLink}get firstVariant(){return this._firstVariant}get secondVariant(){return this._secondVariant}get thirdVariant(){return this._thirdVariant}get isAddedVariant(){return this._isAddedVariant}get image(){return this._image?Fe(this._image,300):""}get about(){return this._about}get youtube(){return this._youtube}get telegram(){return this._telegram}get vk(){return this._vk}get vkLive(){return this._vkLive}get kick(){return this._kick}get isPermissionToShow(){return this._isPermissionToShow}get isSuperDonate(){return this.activity>=m.Vote}get isAction(){return this.activity===m.Action}get isValid(){return!!this.paymentId&&!!this.name.trim()&&!!this.amountValue&&this.isValidDetails}get isTTSAvailable(){return!this.isSuperDonate}get isAIAvailable(){return!this.isSuperDonate}get isSafeAvailable(){return!this.isSuperDonate}get isWonderAvailable(){return!this.isSuperDonate}get isWallAvailable(){return!this.isSuperDonate}get isValidDetails(){const e=this._message.trim();switch(this._activity){case m.Action:case m.Message:const s=this._isSafeEnable?!!this._safeEmail.trim()&&this._safeCode.every(d=>!!d):!0,a=this._isWonderEnable?!!this._safeEmail.trim()&&this._wonderWord.every(d=>!!d):!0,o=this._isWallEnableForm?!!this._wallData:!0;return s&&a&&o;case m.Quiz:return this.isMassQuiz;case m.MassQuiz:case m.EmotionsControl:return!0;case m.Vote:return!!e&&!!this._firstVariant.trim()&&!!this._secondVariant.trim();case m.ViewerRate:return!!e&&!!this._firstVariant.trim()&&!!this._secondVariant.trim()&&!!this._image;case m.StreamerRate:return!!e&&!!this._image;case m.Advertising:return!!e&&!!this._about.trim()&&!!this._image;case m.QuestionAnswer:return!!e&&!!this._image;case m.StreamerHaveTo:return!!this._firstVariant.trim()&&!!this._secondVariant.trim();default:return!1}}get minAmount(){return this.isSuperDonate||this.isAction?this.amountValue:Number(this._minAmountDonation)*this._minAmountDonationMultiplier}get maxAmount(){return Qe}get isAIEnabled(){return this._isAIEnabled}get isSafeEnable(){return this._isSafeEnable}get isWonderEnable(){return this._isWonderEnable}get safeCode(){return this._safeCode}get safeEmail(){return this._safeEmail}get wonderWord(){return this._wonderWord}get isWallEnableForm(){return this._isWallEnableForm}get wallData(){return this._wallData}get isMassQuiz(){return this._isMassQuiz}setMinAmountDonationMultiplier(e){this._minAmountDonationMultiplier=e}setName(e){this._name=e}setAmount(e){this._amount=e}setActivity(e){this._activity=e.typeId,this._actionId="",this._amount=e.price||"0"}setAction(e){this._activity=m.Action,this._actionId=e.id,this._amount=e.price}resetActivity(){this._activity=m.Message,this._actionId=""}setMessage(e){this._message=e}setVideoLink(e){this._videoLink=e}setMinAmountDonation(e){this._minAmountDonation=e}setFirstVariant(e){this._firstVariant=e}setSecondVariant(e){this._secondVariant=e}setThirdVariant(e){this._thirdVariant=e}setAddedVariant(e){this._isAddedVariant=e}setPermissionToShow(e){this._isPermissionToShow=e}setAbout(e){this._about=e}setTelegram(e){this._telegram=e}setVk(e){this._vk=e}setVkLive(e){this._vkLive=e}setKick(e){this._kick=e}setYoutube(e){this._youtube=e}setImage(e){this._image=e}setTTSEnable(e){this._isTTSEnable=e}setVoiceId(e){this._voiceId=e}setTgEnable(e){this._isTgEnable=e}setAIEnabled(e){this._isAIEnabled=e}setSafeEnable(e){this._isSafeEnable=e}setWonderEnable(e){this._isWonderEnable=e}initSafeCode(e){this._safeCode=Array.from({length:e},()=>"")}setSafeCode(e,s){e<this._safeCode.length&&(this._safeCode[e]=s)}setSafeEmail(e){this._safeEmail=e}initWonderWord(e){this._wonderWord=Array.from({length:e},()=>"")}setWonderWord(e,s){e<this._wonderWord.length&&(this._wonderWord[e]=s)}setIsWallEnableForm(e){this._isWallEnableForm=e}setIsMassQuiz(e){this._isMassQuiz=e}setWallData(e){this._wallData=e}resetDetails(){this.clear()}syncErrors(){this.errors.setError("message",""),this.errors.setError("about",""),this.errors.setError("image",""),this.errors.setError("firstVariant",""),this.errors.setError("secondVariant",""),this.errors.setError("name",""),this.errors.setError("amount","")}clear(){this._actionId="",this._message="",this._about="",this._firstVariant="",this._secondVariant="",this._thirdVariant="",this._image="",this._videoLink="",this._isAddedVariant=!1,this._isPermissionToShow=!1,this._isAIEnabled=!1,this._isTTSEnable=!1,this._isSafeEnable=!1,this._isWonderEnable=!1,this._safeCode=[],this._safeEmail="",this.syncErrors()}export(e,s){const a=this.isTTSAvailable&&this.isTTSEnable&&this.voiceId>_e?{isTTSEnable:!0,voiceId:this.voiceId}:{isTTSEnable:!1},o=this.isSafeAvailable&&this.isSafeEnable?{isSafeEnabled:!0,safeEmail:this.safeEmail,safeCode:this.safeCode.join("")}:{isSafeEnabled:!1},d=this.isWonderAvailable&&this.isWonderEnable?{isWonderEnabled:!0,safeEmail:this.safeEmail,wonderWord:this.wonderWord.join("")}:{isWonderEnabled:!1};this._isWallEnableForm&&this._wallData&&this._wallData;const n={donatorName:this._name,amount:this._amount,paymentId:this._paymentId,currency:"rub",pageId:this._pageId,anotherData:{},isAIEnabled:this._isAIEnabled,...a,...o,...d,...e};return this._isWallEnableForm&&this._wallData&&(n.anotherData.wall={...this._wallData}),s!=null&&s.quizCategoryId&&(n.quizCategoryId=s==null?void 0:s.quizCategoryId),n.typeId=this._activity,this._activity===m.Action&&(n.typeId=m.Message,n.actionId=this._actionId),n.message=this._message,this._image&&(n.image=this._image),this._firstVariant&&this._secondVariant&&(n.voting={firstVariant:this._firstVariant,secondVariant:this._secondVariant},this._thirdVariant.trim()&&(n.voting.thirdVariant=this._thirdVariant)),this._activity===m.StreamerRate&&(n.isPermissionToShow=this._isPermissionToShow),this._activity===m.Advertising&&(n.anotherData.ad={about:this._about,socials:{}},this._telegram&&(n.anotherData.ad.socials.telegram=this._telegram),this._vk&&(n.anotherData.ad.socials.vk=this._vk),this._vkLive&&(n.anotherData.ad.socials.vkLive=this._vkLive),this._kick&&(n.anotherData.ad.socials.kick=this._kick),this._youtube&&(n.anotherData.ad.socials.youtube=this._youtube)),this._videoLink&&(n.videoLink=this._videoLink),n}}const ue="donation-activities",It=i=>{const e=i.page.activities.some(l=>l.typeId===m.MassQuiz),s=i.page.activities.filter(l=>!(l.typeId===m.MassQuiz||e&&l.typeId===m.Quiz)),a=s.length>0||i.page.actions.length>0,o=l=>{const p=i.form.activity===l.typeId;i.form.resetDetails(),p?i.form.resetActivity():i.form.setActivity(l)},d=l=>{const p=i.form.actionId===l.id;i.form.resetDetails(),p?i.form.resetActivity():i.form.setAction(l)},n=()=>t.jsx(t.Fragment,{children:s.map(l=>t.jsxs("div",{className:`${ue}__item`,"aria-selected":l.typeId===i.form.activity,role:"radio",onClick:()=>o(l),children:[t.jsx(oe,{type:"superDonate"}),t.jsx(f,{size:"s",color:"primary",tag:"span",children:i.page.getActivityNameById(l.typeId)}),t.jsx(f,{size:"s",color:"primary",tag:"span",children:Se(Number(l.price).valueOf())})]},l.typeId))}),r=()=>t.jsx(t.Fragment,{children:i.page.actions.map(l=>t.jsxs("div",{className:`${ue}__item`,"aria-selected":l.id===i.form.actionId,role:"radio",onClick:()=>d(l),children:[t.jsx(f,{size:"s",color:"primary",tag:"span",children:l.name}),t.jsx(f,{size:"s",color:"primary",tag:"span",children:Se(Number(l.price).valueOf())})]},l.id))});return a?t.jsxs("div",{className:ue,children:[t.jsx(k,{value:i.t("sendDonation:form:activities"),size:"xs"}),r(),n()]}):null},Nt=$()(T(It)),H="on-air-block",Mt=i=>{const{page:e,form:s,t:a}=i;if(!(!!e.firstVariant&&!!e.secondVariant))return null;const d=e.secondVariant?`${e.firstVariant} ${a("general:or","или")} ${e.secondVariant}`:e.firstVariant;return t.jsxs("div",{className:H,children:[t.jsxs("div",{className:`${H}__badge`,children:[t.jsx("span",{className:`${H}__dot`}),a("sendDonation:onAirBlock:label")]}),t.jsxs("div",{className:`${H}__content`,children:[t.jsx(k,{value:a("sendDonation:onAirBlock:title"),size:"xs"}),t.jsx(f,{size:"s",color:"primary",className:`${H}__variants`,children:d})]}),t.jsx("div",{className:`${H}__action`,children:t.jsx(W,{text:a("sendDonation:onAirBlock:button"),href:`/d/2/${s.pageId}`,size:"s",theme:"accent"})})]})},Vt=$()(T(Mt)),O="on-air-block",kt=i=>{const{page:e,form:s,t:a}=i,o=e.activities.find(n=>n.typeId===m.MassQuiz);if(!o)return null;const d=s.activity===m.MassQuiz;return t.jsxs("div",{className:O,style:{marginTop:"16px"},children:[t.jsxs("div",{className:`${O}__badge`,children:[t.jsx("span",{className:`${O}__dot`}),a("sendDonation:onAirBlock:label","В эфире")]}),t.jsxs("div",{className:`${O}__content`,children:[t.jsx(k,{value:e.getActivityNameById(m.MassQuiz),size:"xs"}),t.jsx(f,{size:"s",color:"primary",className:`${O}__variants`,children:a("sendDonation:massQuiz:onAirText","Идёт набор игроков")})]}),t.jsx("div",{className:`${O}__action`,children:t.jsx(W,{text:d?a("general:selected","Выбрано"):a("sendDonation:onAirBlock:button","Участвовать"),onClick:()=>{d?s.resetActivity():(s.resetDetails(),s.setActivity(o))},size:"s",theme:d?"secondary":"accent"})})]})},Tt=$()(T(kt)),Ct=i=>{const[e,s]=_.useState(_e),a=_.useMemo(()=>{const r=i.voices.map(l=>({alias:l.id,icon:l.icon,title:`${l.name} ${l.priceValue>0?`(+${l.priceValue} ${i.t("general:rub:short")})`:""}`}));return r.push({alias:_e,icon:"male",title:i.t("general:withoutVoice")}),r},[i.voices]),o=i.voices.find(r=>r.id===i.currentVoice),d=r=>{i.onChange(r),s(r.alias)},n=()=>i.isAutoplay&&o&&o.id===e?t.jsx("audio",{src:o.example,autoPlay:!0}):null;return t.jsxs($e.Fragment,{children:[n(),t.jsx(xt,{title:i.title,allVariants:a,currentVariant:i.currentVoice,onChange:d,isDisabled:i.isDisabled,iconColor:"brand"})]})},$t=$()(Ct),V="activity-details",Ne=20;class zt extends _.Component{constructor(e){super(e),this.setMessage=s=>this.props.form.setMessage(s),this.setVideoLink=s=>this.props.form.setVideoLink(s),this.setAbout=s=>this.props.form.setAbout(s),this.setPermissionToShow=s=>this.props.form.setPermissionToShow(s.target.checked),this.setImage=s=>{if(s){this.handleUploadImage(s);return}this.props.form.setImage("")},this.onChangeAIEnable=s=>this.props.form.setAIEnabled(s),this.onChangeVoiceId=s=>this.props.form.setVoiceId(s.alias),this.setFirstVariant=s=>{this.props.form.setFirstVariant(s)},this.setSecondVariant=s=>{this.props.form.setSecondVariant(s)},this.setThirdVariant=s=>this.props.form.setThirdVariant(s),this.setTelegram=s=>this.props.form.setTelegram(s),this.setVk=s=>this.props.form.setVk(s),this.setVkLive=s=>this.props.form.setVkLive(s),this.setKick=s=>this.props.form.setKick(s),this.setYoutube=s=>this.props.form.setYoutube(s)}handleUploadImage(e){return this.props.store.uploadDonationImage(this.props.form.pageId,e).then(s=>this.props.form.setImage(s))}render(){return t.jsxs("div",{className:V,children:[this.renderContent(),this.renderTTS(),this.renderAI()]})}renderAI(){var a;const{t:e}=this.props;if(((a=this.props.page.ai)==null?void 0:a.isEnabled)&&this.props.form.isAIAvailable){const o=this.props.form.amountValue<Number(this.props.page.ai.minAmount).valueOf(),d=ve(Number(this.props.page.ai.price),{minimumFractionDigits:0,maximumFractionDigits:2}),n=ve(Number(this.props.page.aiMinAmount),{minimumFractionDigits:0,maximumFractionDigits:2});return t.jsxs("div",{className:`${V}__ai-assistant`,children:[t.jsx(le,{isChecked:this.props.form.isAIEnabled,isDisabled:o,onChange:this.onChangeAIEnable,text:`${e("sendDonation:aiAssistant")} (${e("general:from")} ${n} ${e("general:rub:short")})`}),this.props.form.isAIEnabled?t.jsxs("div",{className:`${V}__ai-character`,children:[t.jsx(bt,{avatar:this.props.page.ai.image,size:48}),t.jsx(f,{size:"m",color:"primary",bold:"700",children:`${e("sendDonation:aiCharacter")} — ${this.props.page.ai.name} (+ ${d} ${e("general:rub:short")})`})]}):null]})}return null}renderTTS(){const{t:e}=this.props;return this.props.page.isTTSEnable&&this.props.form.isTTSAvailable?t.jsx($t,{isAutoplay:!0,title:e("sendDonation:voiceTitle"),voices:this.props.page.voices,currentVoice:this.props.form.voiceId,onChange:this.onChangeVoiceId,isDisabled:!this.props.form.isTTSEnable}):null}renderContent(){switch(this.props.form.activity){case m.Quiz:return this.props.form.isMassQuiz?this.renderMassQuizDetails():this.renderQuizDetails();case m.MassQuiz:return this.renderMassQuizDetails();case m.EmotionsControl:return this.renderEmotionsControlDetails();case m.Vote:return this.renderVoteDetails();case m.StreamerRate:return this.renderStreamerRate();case m.ViewerRate:return this.renderViewerRate();case m.Advertising:return this.renderAdvertising();case m.StreamerHaveTo:return this.renderStreamerHaveTo();case m.QuestionAnswer:return this.renderQuestionAnswer();default:return this.renderMessageDetails()}}renderMessageDetails(){const{t:e}=this.props;return t.jsxs(t.Fragment,{children:[this.renderMessage(e("sendDonation:details:message:title"),e("sendDonation:details:message:placeholder"),300),this.renderVideoLink()]})}renderQuizDetails(){const{t:e}=this.props;return t.jsxs("div",{className:`${V}__content`,children:[t.jsx(f,{size:"m",color:"primary",bold:"700",isMarginDisabled:!0,children:e("sendDonation:details:quiz:text")}),t.jsx(Te,{title:e("sendDonation:details:quiz:selectCategory"),children:t.jsx("div",{className:`${V}__quiz-categories`,children:this.props.page.quizCategories.map(s=>s&&Ie[s]?t.jsx(W,{size:"s",theme:"secondary",text:Ie[s],onClick:()=>this.props.onQuizCategoryClick(s),isDisabled:!this.props.form.name.trim()},s):null)})})]})}renderMassQuizDetails(){const{t:e}=this.props;return t.jsx("div",{className:`${V}__content`,children:t.jsx(f,{size:"m",color:"primary",bold:"700",isMarginDisabled:!0,children:e("sendDonation:details:massQuiz:text")})})}renderEmotionsControlDetails(){const{t:e}=this.props;return t.jsxs("div",{className:`${V}__content`,children:[t.jsx(f,{size:"m",color:"primary",bold:"700",isMarginDisabled:!0,children:e("sendDonation:details:emotionsControl:text1")}),t.jsx(f,{size:"m",color:"primary",bold:"700",isMarginDisabled:!0,children:e("sendDonation:details:emotionsControl:text2")})]})}renderVoteDetails(){const{t:e}=this.props;return t.jsxs(t.Fragment,{children:[this.renderMessage(e("sendDonation:details:question:title"),e("sendDonation:details:question:placeholder"),50),this.renderVariants(e("sendDonation:details:options"),["Twitch","Youtube",""],Ne)]})}renderStreamerRate(){const{t:e}=this.props;return t.jsxs(t.Fragment,{children:[this.renderMessage(e("sendDonation:details:rate:title"),e("sendDonation:details:rate:placeholder"),50),this.renderImage(e("sendDonation:details:image:rate"),e("sendDonation:details:image:rateHint")),t.jsx(vt,{allVariants:[{id:"permissionToShow",title:e("sendDonation:details:streamerRate:permissionToShow")}],currentVariants:this.props.form.isPermissionToShow?["permissionToShow"]:[],onChangeVariant:this.setPermissionToShow})]})}renderViewerRate(){const{t:e}=this.props;return t.jsxs(t.Fragment,{children:[this.renderMessage(e("sendDonation:details:rate:title"),e("sendDonation:details:rate:placeholder"),50),this.renderImage(e("sendDonation:details:image:rate"),e("sendDonation:details:image:rateHint")),this.renderVariants(e("sendDonation:details:streamerRate:options"),[e("sendDonation:details:streamerRate:option1"),e("sendDonation:details:streamerRate:option2"),""],Ne)]})}renderAdvertising(){const{t:e}=this.props;return t.jsxs(t.Fragment,{children:[this.renderMessage(e("sendDonation:details:advertising:message:title"),e("sendDonation:details:advertising:message:placeholder"),50),this.renderAbout(),this.renderImage(e("sendDonation:details:image:photo"),e("sendDonation:details:image:photoHint")),this.renderSocials(e("sendDonation:details:advertising:socials:title"))]})}renderStreamerHaveTo(){const{t:e}=this.props;return t.jsxs("div",{className:`${V}__variants`,children:[t.jsx(f,{size:"m",color:"primary",bold:"700",isMarginDisabled:!0,children:e("sendDonation:details:streamerHaveTo:title")}),t.jsx(f,{size:"s",color:"primary",isMarginDisabled:!0,children:e("sendDonation:details:streamerHaveTo:text")}),this.renderVariants("",[e("sendDonation:details:streamerRate:option1"),e("sendDonation:details:streamerRate:option2")],38)]})}renderQuestionAnswer(){const{t:e}=this.props;return t.jsxs("div",{className:V,children:[this.renderMessage(e("sendDonation:details:question:title"),e("sendDonation:details:questionAnswer:placeholder"),50,e("sendDonation:details:questionAnswer:hint")),this.renderImage(e("sendDonation:details:image:question"),e("sendDonation:details:image:questionHint"))]})}renderMessage(e,s,a,o){return t.jsx(z,{type:"text",value:this.props.form.message,title:e,placeholder:s,isMultiline:!0,maxLength:a,hintText:o,onChange:this.setMessage})}renderVideoLink(){const{t:e}=this.props;return t.jsx(z,{title:e("sendDonation:videoLink"),placeholder:"https://www.youtube.com/",iconPosition:"right",icon:"link",type:"text",value:this.props.form.videoLink,onChange:this.setVideoLink})}renderAbout(){const{t:e}=this.props;return t.jsx(z,{type:"text",value:this.props.form.about,isMultiline:!0,title:e("sendDonation:details:advertising:about:title"),placeholder:e("sendDonation:details:advertising:about:placeholder"),maxLength:165,onChange:this.setAbout})}renderImage(e,s){return t.jsx(_t,{image:this.props.form.image,title:e,onChange:this.setImage,onDelete:this.setImage,errorText:this.props.form.errors.getErrorBy("image"),hintText:s})}renderVariants(e,s,a){const{t:o}=this.props,d=s.length===3;return t.jsxs("div",{className:`${V}__variants`,children:[t.jsx(z,{title:e,placeholder:s[0],value:this.props.form.firstVariant,onChange:this.setFirstVariant,maxLength:a}),t.jsx(z,{placeholder:s[1],value:this.props.form.secondVariant,onChange:this.setSecondVariant,maxLength:a}),this.props.form.isAddedVariant?t.jsx(z,{placeholder:"",value:this.props.form.thirdVariant,onChange:this.setThirdVariant,maxLength:a}):d?t.jsx(W,{size:"m",theme:"link",text:o("sendDonation:details:more"),icon:"add",iconPosition:"left",onClick:()=>this.props.form.setAddedVariant(!0)}):null]})}renderSocials(e){return t.jsxs("div",{className:`${V}__variants`,children:[t.jsx(se,{inputVersion:2,type:"telegram",setValue:this.setTelegram,value:this.props.form.telegram,title:e}),t.jsx(se,{inputVersion:2,type:"vk",setValue:this.setVk,value:this.props.form.vk}),t.jsx(se,{inputVersion:2,type:"youtube",setValue:this.setYoutube,value:this.props.form.youtube}),t.jsx(se,{inputVersion:2,type:"vkLive",setValue:this.setVkLive,value:this.props.form.vkLive}),t.jsx(se,{inputVersion:2,type:"kick",setValue:this.setKick,value:this.props.form.kick})]})}}const Wt=$()(T(zt)),F="safe-details",Pt=i=>{var r;const{t:e}=ce();if(!i.page.isSafeEnable||!i.form.isSafeAvailable)return null;const s=Math.max(i.page.safeMinAmount,i.form.minAmount),a=i.form.amountValue<s,o=((r=i.page.safe)==null?void 0:r.codeLength)||0;`${e("sendDonation:safeBlock:activate")}${e("general:from")}${s}${e("general:rub:short")}`;const d=()=>t.jsxs("div",{className:`${F}__top`,children:[t.jsxs("div",{className:`${F}__info`,children:[t.jsx(k,{size:"s",children:e("sendDonation:safeBlock:title")}),t.jsx(f,{size:"s",color:"primary",className:`${F}__desc`,children:e("sendDonation:safeBlock:text")})]}),t.jsx("div",{className:`safe-details__image-wrapper ${a?"safe-details__image-wrapper_disabled":""}`,children:t.jsx(oe,{type:"safe"})}),t.jsx("div",{className:`${F}__switch`,children:t.jsx(le,{isChecked:i.form.isSafeEnable,isDisabled:a,onChange:l=>{i.form.initSafeCode(o),i.form.setSafeEnable(l)},text:t.jsxs("span",{style:{fontSize:"16px",display:"flex",flexDirection:"column",gap:"2px"},children:[t.jsx("span",{children:e("sendDonation:safeBlock:activate")}),t.jsxs("span",{style:{fontSize:"14px",color:"var(--color-text-secondary)",fontWeight:500},children:["(",e("general:from")," ",s," ",e("general:rub:short"),")"]})]})})})]}),n=()=>t.jsx("div",{className:`${F}__content-wrapper ${i.form.isSafeEnable?"expanded":""}`,children:t.jsxs("div",{className:`${F}__content`,children:[t.jsx(At,{size:"s",codeLength:o,code:i.form.safeCode,setCode:(l,p)=>i.form.setSafeCode(l,p),title:e("sendDonation:safeBlock:code"),hintText:e("sendDonation:safeBlock:hint")}),t.jsx(z,{icon:"mail",iconPosition:"right",type:"email",name:"email",title:e("sendDonation:safeBlock:email:title"),placeholder:e("sendDonation:safeBlock:email:placeholder"),value:i.form.safeEmail,onChange:l=>i.form.setSafeEmail(l)})]})});return t.jsxs("div",{className:F,children:[d(),n()]})},Rt=T(Pt),Me="wonder-code-input",Lt=i=>{const e=i.wordLength,s=(o,d)=>(i.setWord(o,d.toUpperCase()),!0),a=()=>t.jsx("div",{className:`${Me}__word`,children:Dt(0,e).map((o,d)=>t.jsx(Ue,{children:()=>{var n;return t.jsx(jt,{customPrefix:"wonderWordPinField_",index:d,placeholder:"*",value:(n=i.word)==null?void 0:n[d],setValue:r=>s(d,r),borderColor:"secondary",type:"letter",autoFocus:d===0,size:"s",ariaRequired:!0})}},d))});return t.jsx(Te,{className:Xe(Me),title:i.title,hintText:i.hintText,withHintIcon:!0,children:a()})},L="wonder-details",Yt=i=>{var r;const{t:e}=ce();if(!i.page.isWonderEnable||!i.form.isWonderAvailable)return null;const s=Math.max(i.page.wonderMinAmount,i.form.minAmount),a=i.form.amountValue<s,o=((r=i.page.wonder)==null?void 0:r.wordLength)||0;`${e("sendDonation:wonderBlock:activate")}${e("general:from")}${s}${e("general:rub:short")}`;const d=()=>t.jsxs("div",{className:`${L}__top`,children:[t.jsxs("div",{className:`${L}__info`,children:[t.jsx(k,{size:"s",children:e("sendDonation:wonderBlock:title")}),t.jsx(f,{size:"s",color:"primary",className:`${L}__desc`,children:e("sendDonation:wonderBlock:text")})]}),t.jsx("div",{className:`wonder-details__image-wrapper ${a?"wonder-details__image-wrapper_disabled":""}`,children:t.jsxs("div",{className:`${L}__wonder-label`,children:[t.jsx("div",{children:t.jsx(k,{size:"l",color:"white",children:"C"})}),t.jsx("div",{}),t.jsx("div",{})]})}),t.jsx("div",{className:`${L}__switch`,children:t.jsx(le,{isChecked:i.form.isWonderEnable,isDisabled:a,onChange:l=>{i.form.initWonderWord(o),i.form.setWonderEnable(l)},text:t.jsxs("span",{style:{fontSize:"16px",display:"flex",flexDirection:"column",gap:"2px"},children:[t.jsx("span",{children:e("sendDonation:wonderBlock:activate")}),t.jsxs("span",{style:{fontSize:"14px",color:"var(--color-text-secondary)",fontWeight:500},children:["(",e("general:from")," ",s," ",e("general:rub:short"),")"]})]})})})]}),n=()=>{var l;return t.jsx("div",{className:`${L}__content-wrapper ${i.form.isWonderEnable?"expanded":""}`,children:t.jsxs("div",{className:`${L}__content`,children:[t.jsx(Lt,{wordLength:o,word:i.form.wonderWord,setWord:(p,X)=>i.form.setWonderWord(p,X),title:e("sendDonation:wonderBlock:word"),hintText:e("sendDonation:wonderBlock:hint")}),t.jsxs(f,{size:"m",color:"brand",bold:"700",children:[e("sendDonation:wonderBlock:clueWord")," ",((l=i.page.wonder)==null?void 0:l.hint)??""]}),t.jsx(z,{icon:"mail",iconPosition:"right",type:"email",name:"email",title:e("sendDonation:wonderBlock:email:title"),placeholder:e("sendDonation:wonderBlock:email:placeholder"),value:i.form.safeEmail,onChange:p=>i.form.setSafeEmail(p)})]})})};return t.jsxs("div",{className:L,children:[d(),n()]})},Bt=T(Yt),Ft=({isOpen:i,onClose:e,form:s,page:a})=>{const{t:o}=ce("wall"),d=_.useRef(null),n=_.useRef(null),[r,l]=_.useState(1),[p,X]=_.useState({x:0,y:0}),[C,q]=_.useState("select"),[ie,be]=_.useState(!1),[ae,K]=_.useState("none"),[A,ze]=_.useState(null),[u,ne]=_.useState(null),{data:U}=yt({queryKey:["wall",a.login],queryFn:()=>wt.getWallByNickname(a.login||"").then(c=>{const h=c.data;return h.wall?h:h.data}),enabled:i&&!!a.login}),v=U==null?void 0:U.wall,Ae=(U==null?void 0:U.items)||[],De=c=>{if(!n.current)return{x:0,y:0};const h=n.current.getBoundingClientRect(),b=Math.floor((c.clientX-h.left)/r),g=Math.floor((c.clientY-h.top)/r);return{x:b,y:g}},je=(c,h,b,g)=>{const x=Math.min(c,b),j=Math.min(h,g),I=Math.max(c,b),D=Math.max(h,g);return{x,y:j,w:I-x+1,h:D-j+1}},G=c=>Ae.some(h=>c.x<h.x+h.width&&c.x+c.w>h.x&&c.y<h.y+h.height&&c.y+c.h>h.y),We=c=>{var b;if(c.currentTarget.setPointerCapture(c.pointerId),be(!0),c.button===1){c.preventDefault(),K("pan");return}const h=c.target;if((b=h.classList)!=null&&b.contains("selection-handle")&&u){const g=h.classList.contains("top-left"),x=Math.min(u.startX,u.currentX),j=Math.min(u.startY,u.currentY),I=Math.max(u.startX,u.currentX),D=Math.max(u.startY,u.currentY);ne({startX:g?I:x,startY:g?D:j,currentX:g?x:I,currentY:g?j:D}),K("resize"),q("select");return}if(C==="select"){const{x:g,y:x}=De(c);if(h.closest(".wall-selector-modal__selection-box")&&u){K("move"),ze({mouseX:g,mouseY:x,startX:u.startX,startY:u.startY,currentX:u.currentX,currentY:u.currentY});return}if(G({x:g,y:x,w:1,h:1}))return;const j=(v==null?void 0:v.width)||3840,I=(v==null?void 0:v.height)||2160,D=Math.max(0,Math.min(g,j-1)),N=Math.max(0,Math.min(x,I-1));ne({startX:D,startY:N,currentX:D,currentY:N}),K("create")}},Pe=c=>{if(ie){if(C==="pan"||ae==="pan"){X(h=>({x:h.x+c.movementX,y:h.y+c.movementY}));return}if(C==="select"&&u){const{x:h,y:b}=De(c),g=(v==null?void 0:v.width)||3840,x=(v==null?void 0:v.height)||2160;if(ae==="move"&&A){const D=h-A.mouseX,N=b-A.mouseY,y=Math.abs(A.currentX-A.startX)+1,P=Math.abs(A.currentY-A.startY)+1,M=Math.min(A.startX,A.currentX),R=Math.min(A.startY,A.currentY);let S=0,Y=Math.sign(D);for(let J=0;J<Math.abs(D);J++){let ee=S+Y,B=M+ee;if(B<0||B+y>g||G({x:B,y:R,w:y,h:P}))break;S=ee}let w=0,Ye=Math.sign(N);for(let J=0;J<Math.abs(N);J++){let ee=w+Ye,B=R+ee;if(B<0||B+P>x||G({x:M+S,y:B,w:y,h:P}))break;w=ee}const ye=A.startX<=A.currentX,we=A.startY<=A.currentY;ne({startX:ye?M+S:M+S+y-1,startY:we?R+w:R+w+P-1,currentX:ye?M+S+y-1:M+S,currentY:we?R+w+P-1:R+w});return}const j=Math.max(0,Math.min(h,g-1)),I=Math.max(0,Math.min(b,x-1));if(ae==="create"||ae==="resize"){const D=u.startX,N=u.startY;let y=u.currentX,P=Math.sign(j-u.currentX);for(let S=0;S<Math.abs(j-u.currentX);S++){let Y=y+P,w=je(D,N,Y,u.currentY);if(w.w*w.h>2e5||G(w))break;y=Y}let M=u.currentY,R=Math.sign(I-u.currentY);for(let S=0;S<Math.abs(I-u.currentY);S++){let Y=M+R,w=je(D,N,y,Y);if(w.w*w.h>2e5||G(w))break;M=Y}ne({...u,currentX:y,currentY:M});return}}}},de=c=>{be(!1),K("none"),c.currentTarget.releasePointerCapture(c.pointerId)},he=(c,h,b)=>{if(c===r)return;let g=h,x=b;if(g===void 0||x===void 0)if(d.current){const y=d.current.getBoundingClientRect();g=y.width/2,x=y.height/2}else g=0,x=0;const j=(g-p.x)/r,I=(x-p.y)/r,D=g-j*c,N=x-I*c;l(c),X({x:D,y:N})},Re=c=>{if(c.preventDefault(),!d.current)return;const h=d.current.getBoundingClientRect(),b=c.clientX-h.left,g=c.clientY-h.top,x=Math.max(.1,Math.min(r-c.deltaY*.002,10));he(x,b,g)},E=(()=>{if(!u)return null;const c=Math.min(u.startX,u.currentX),h=Math.min(u.startY,u.currentY),b=Math.max(u.startX,u.currentX),g=Math.max(u.startY,u.currentY),x=b-c+1,j=g-h+1;return{x:c,y:h,w:x,h:j}})(),me=E?E.w*E.h:0;let Z=me;Z<Number(a.minAmountWall)&&(Z=Number(a.minAmountWall));const Le=()=>{if(!E){alert(o("selector:errorEmpty","Сначала выделите участок на стене!"));return}s.setIsWallEnableForm(!0),s.setWallData(E),s.setAmount(String(Z)),e()};return t.jsxs(He,{open:i,onClose:e,center:!0,classNames:{modal:"wall-selector-modal",overlay:"wall-selector-overlay",modalContainer:"wall-selector-container"},showCloseIcon:!1,children:[t.jsxs("div",{className:"wall-selector-modal__header",children:[t.jsxs("div",{className:"wall-selector-modal__header-left",children:[a.avatar&&t.jsx("img",{src:a.avatar,alt:"avatar",className:"wall-selector-modal__avatar"}),t.jsx(k,{value:a.username||a.login||"",size:"m"})]}),t.jsx("div",{className:"wall-selector-modal__header-right",children:t.jsx(f,{size:"m",color:"secondary",children:o("selector:instruction","Выделите участок «Стены» под свой рисунок")})})]}),t.jsxs("div",{className:"wall-selector-modal__layout",children:[t.jsxs("div",{className:"wall-selector-modal__toolbar",children:[t.jsx("button",{className:"tool-btn",title:o("selector:zoomIn","Увеличить"),onClick:()=>he(Math.min(r+.5,10)),children:"+"}),t.jsx("button",{className:"tool-btn",title:o("selector:zoomOut","Уменьшить"),onClick:()=>he(Math.max(r-.5,.1)),children:"-"}),t.jsx("button",{className:`tool-btn ${C==="pan"?"active":""}`,title:o("selector:panTool","Перемещение холста"),onClick:()=>q("pan"),children:"🖐"}),t.jsx("button",{className:`tool-btn ${C==="select"?"active":""}`,title:o("selector:selectTool","Выделение/Перемещение области"),onClick:()=>q("select"),children:"🔲"})]}),t.jsx("div",{className:"wall-selector-modal__workspace",onWheel:Re,children:t.jsxs("div",{className:"wall-selector-modal__viewport",ref:d,onPointerDown:We,onPointerMove:Pe,onPointerUp:de,onPointerLeave:de,onPointerCancel:de,onDragStart:c=>c.preventDefault(),onMouseDown:c=>{c.button===1&&c.preventDefault()},children:[t.jsxs("div",{className:"wall-selector-modal__canvas-wrapper",ref:n,style:{width:(v==null?void 0:v.width)||3840,height:(v==null?void 0:v.height)||2160,transform:`translate(${Math.round(p.x)}px, ${Math.round(p.y)}px) scale(${r})`,transformOrigin:"0 0"},children:[t.jsx("div",{className:"wall-selector-modal__canvas-bg"}),Ae.map(c=>{const h=!!c.imageUrl,b=h?`/images/donations/${c.imageUrl}`:void 0;return t.jsx("div",{style:{position:"absolute",left:`${c.x}px`,top:`${c.y}px`,width:`${c.width}px`,height:`${c.height}px`,boxSizing:"border-box",pointerEvents:"none",zIndex:1,backgroundColor:h?"transparent":"rgba(255, 255, 255, 0.1)",border:h?"none":"1px dashed rgba(255, 255, 255, 0.3)"},children:h&&t.jsx("img",{src:b,className:"wall-selector-modal__item-img",alt:"wall item",draggable:!1})},c.id)}),t.jsx("div",{className:"wall-selector-modal__interaction-layer",style:{cursor:C==="pan"?ie?"grabbing":"grab":"crosshair"}})]}),E&&t.jsxs("div",{className:"wall-selector-modal__selection-box",style:{left:Math.round(E.x*r+p.x),top:Math.round(E.y*r+p.y),width:Math.round(E.w*r),height:Math.round(E.h*r),boxSizing:"border-box",zIndex:10,borderWidth:"2px",cursor:C==="select"?"move":void 0,pointerEvents:C==="select"?"auto":"none"},children:[t.jsx("div",{className:"selection-handle top-left",style:{top:0,left:0,width:"10px",height:"10px",transform:"translate(-50%, -50%)"}}),t.jsx("div",{className:"selection-handle bottom-right",style:{bottom:0,right:0,width:"10px",height:"10px",transform:"translate(50%, 50%)"}}),t.jsxs("div",{className:"selection-label",style:{top:"100%",right:"-10px",marginTop:"8px"},children:[E.w," x ",E.h,"px"]})]})]})})]}),t.jsxs("div",{className:"wall-selector-modal__footer",children:[t.jsxs("div",{className:"wall-selector-modal__cost-info",children:["✓ ",o("selector:costInfo",{area:me.toLocaleString("ru-RU"),price:Z.toLocaleString("ru-RU"),defaultValue:`Вы выбрали ${me.toLocaleString("ru-RU")} пикселей, ваш донат – ${Z.toLocaleString("ru-RU")} рублей`})]}),t.jsxs("div",{className:"wall-selector-modal__actions",children:[t.jsx(W,{theme:"accent",size:"m",text:o("general:continue","Продолжить"),onClick:Le}),t.jsx(W,{theme:"secondary",size:"m",text:o("general:cancel","Отмена"),onClick:e})]})]})]})},Qt=T(({page:i,form:e})=>{const[s,a]=_.useState(!1),{t:o}=ce();if(!i.isWallEnabled)return null;if(!e.isWallAvailable)return e.isWallEnableForm&&e.setIsWallEnableForm(!1),null;const d=Math.max(Number(i.minAmountWall)||0,e.minAmount),n=e.amountValue<d;return t.jsxs("div",{className:"wall-details",children:[t.jsxs("div",{className:"wall-details__top",children:[t.jsxs("div",{className:"wall-details__info",children:[t.jsx(k,{value:o("sendDonation:wallDetails.title","Стена"),size:"s"}),t.jsx(f,{size:"s",color:"primary",className:"wall-details__desc",children:o("sendDonation:wallDetails.desc","Оставь навсегда свой след на стене у стримера!")})]}),t.jsx("div",{className:`wall-details__image-wrapper ${n?"wall-details__image-wrapper_disabled":""}`,children:t.jsx("img",{src:"/design/arts/widgets/wall-preview.webp",alt:o("sendDonation:wallDetails.title","Стена"),className:"wall-details__image"})}),t.jsx("div",{className:"wall-details__switch",children:t.jsx(le,{isChecked:e.isWallEnableForm,isDisabled:n,onChange:r=>{if(e.setIsWallEnableForm(r),r&&e.wallData){let p=e.wallData.w*e.wallData.h;p<Number(i.minAmountWall)&&(p=Number(i.minAmountWall)),Number(e.amount)!==p&&e.setAmount(String(p))}},text:t.jsxs("span",{style:{fontSize:"16px",display:"flex",flexDirection:"column",gap:"2px"},children:[t.jsx("span",{children:o("sendDonation:wallDetails.activate","Написать на стене")}),t.jsxs("span",{style:{fontSize:"14px",color:"var(--color-text-secondary)",fontWeight:500},children:["(",o("general:from","от")," ",d," ",o("general:rub:short","руб."),")"]})]})})})]}),t.jsx("div",{className:`wall-details__content-wrapper ${e.isWallEnableForm?"expanded":""}`,children:t.jsxs("div",{className:"wall-details__content",children:[e.wallData&&(()=>{const p=Math.min(200/e.wallData.w,120/e.wallData.h),X=e.wallData.w*p,C=e.wallData.h*p,q=e.wallData.w*e.wallData.h,ie=Math.max(q,Number(i.minAmountWall)||0);return t.jsx("div",{className:"wall-details__preview-box",children:t.jsx("div",{className:"wall-details__preview-box-inner",style:{width:`${X}px`,height:`${C}px`},children:t.jsxs("div",{className:"wall-details__preview-box-label",children:[t.jsxs("div",{className:"wall-details__preview-box-dimensions",children:[e.wallData.w," x ",e.wallData.h,"px"]}),t.jsxs("div",{className:"wall-details__preview-box-price",children:[ie.toLocaleString("ru-RU")," ₽"]})]})})})})(),t.jsx("div",{className:"wall-details__action",children:t.jsx(W,{theme:e.wallData?"secondary":"accent",size:"m",isFullWidth:!0,text:e.wallData?o("sendDonation:wallDetails.changeArea","Изменить область для рисования"):o("sendDonation:wallDetails.selectArea","Выбрать область и размер"),onClick:r=>{r==null||r.preventDefault(),a(!0)}})})]})}),t.jsx(Ft,{isOpen:s,onClose:()=>a(!1),form:e,page:i})]})}),Xt="payment-donation-content";class Ut extends _.Component{constructor(e){super(e),this.form=this.props.form,this.page=this.props.page,this.setDonatorName=s=>{this.form.setName(s)},this.setAmount=s=>{this.form.setAmount(s),this.props.form.errors.setError("amount","")},this.initDonator()}initDonator(){const e=xe.get();e.name&&this.props.form.setName(e.name)}render(){return this.props.page.isLoading?t.jsx(dt,{}):t.jsxs(_.Fragment,{children:[t.jsx(Vt,{page:this.props.page,form:this.props.form}),t.jsx(Tt,{page:this.props.page,form:this.props.form}),t.jsx(Nt,{page:this.props.page,form:this.props.form}),this.renderDonation(),t.jsx(Wt,{page:this.props.page,form:this.props.form,store:this.props.store,onQuizCategoryClick:this.props.onQuizCategoryClick}),this.props.form.isWallAvailable&&t.jsx(Qt,{page:this.props.page,form:this.props.form}),this.props.form.isSafeAvailable&&t.jsx(Rt,{page:this.props.page,form:this.props.form}),this.props.form.isWonderAvailable&&t.jsx(Bt,{page:this.props.page,form:this.props.form})]})}renderDonation(){const{t:e}=this.props;return t.jsxs("div",{className:Xt,children:[t.jsx(z,{name:"name",iconPosition:"left",title:e("sendDonation:form:name:title"),placeholder:e("sendDonation:form:name:placeholder"),maxLength:Ce,value:this.props.form.name,onChange:this.setDonatorName}),t.jsx(ft,{inputRef:this.props.form.amountRef,value:this.props.form.amount,name:"amount",setValue:this.setAmount,title:e("sendDonation:form:amount:title"),placeholder:e("sendDonation:form:amount:placeholder"),isDisabled:this.props.form.isAction||this.props.form.isSuperDonate||this.props.form.isWallEnableForm,errorText:this.props.form.errors.getErrorBy("amount"),hintText:`${e("sendDonation:form:amount:hint")} ${ve(this.props.form.minAmount,{minimumFractionDigits:0,maximumFractionDigits:2})}`})]})}}const Ht=$()(T(Ut)),pe="activity-on-air",Ot=i=>{const e=()=>t.jsxs("div",{className:`${pe}__online`,children:[t.jsx(oe,{type:"onlineType"}),t.jsx("span",{children:i.t("general:status:online")})]});return i.page.donationOnAir?t.jsxs("div",{className:pe,children:[e(),t.jsxs("div",{className:`${pe}__info`,children:[t.jsx(k,{value:i.page.getActivityNameById(i.page.donationOnAir.typeId),size:"xs"}),t.jsx(f,{size:"s",color:"primary",isMarginDisabled:!0,children:i.page.donationOnAir.message})]}),t.jsx(W,{size:"s",theme:"secondary",text:i.t("general:participate"),href:i.page.donationOnAir.url,isReactLink:!1})]}):null},qt=$()(T(Ot)),Q="uncompleted-activities-block",Kt=i=>{const[e,s]=_.useState([]),[a,o]=_.useState(!0);if(_.useEffect(()=>{o(!0),Oe.getUncompletedActivities(i.pageId).then(n=>{var r;(r=n.data)!=null&&r.data&&s(n.data.data)}).catch(()=>{}).finally(()=>{o(!1)})},[i.pageId]),a||e.length===0)return null;const d=n=>{const r=i.page.getActivityNameById(n.typeId)||n.name||i.t("sendDonation:uncompleted:unknownActivity");let l="";return n.typeId===17?n.urlToken?l=`/quiz/${n.urlToken}`:l=`/mass-quiz/${n.id}/play`:n.typeId===24?n.urlToken?l=`/mass-quiz/${n.urlToken}`:l=`/mass-quiz/${n.id}/play`:n.typeId===23?l=`/wall-editor/${n.id}`:n.typeId===18&&(l=`/pult/${n.id}`),t.jsxs("div",{className:`${Q}__item`,children:[t.jsxs("div",{className:`${Q}__info`,children:[t.jsxs("div",{className:`${Q}__badge`,children:[t.jsx(oe,{type:"outlineInfo"}),t.jsx("span",{children:i.t("sendDonation:uncompleted:badge")})]}),t.jsx(k,{value:r,size:"xs"}),t.jsx(f,{size:"s",color:"primary",isMarginDisabled:!0,children:i.t("sendDonation:uncompleted:pendingText")})]}),t.jsx("div",{className:`${Q}__action`,children:t.jsx(W,{size:"s",theme:"accent",text:i.t("general:continue"),href:l,isReactLink:!1})})]},n.id)};return t.jsxs("div",{className:Q,children:[t.jsx(k,{value:i.t("sendDonation:uncompleted:title"),size:"s",className:`${Q}__title`}),t.jsx("div",{className:`${Q}__list`,children:e.map(d)})]})},Gt=$()(T(Kt)),Ve="streamer-rules-pop-up",Zt=i=>{const e=i.rules?t.jsxs(f,{size:"m",color:"primary",isMarginDisabled:!0,children:[t.jsxs(f,{size:"m",color:"primary",tag:"span",bold:"700",children:[i.t("sendDonation:streamerRulesPopUp:title"),": "]}),i.rules]}):null;return t.jsx(qe,{isVisible:i.isVisible,onClose:i.onClose,className:Ve,children:t.jsxs("div",{className:`${Ve}__content`,children:[t.jsx(f,{size:"m",isMarginDisabled:!0,color:"primary",children:i.t("sendDonation:streamerRulesPopUp:description1")}),t.jsx(f,{size:"m",isMarginDisabled:!0,color:"primary",children:i.t("sendDonation:streamerRulesPopUp:description2")}),e]})})},Jt=$()(Zt),fe="send-donation-form",ke="tg",ge="sid",es="sum",ts="amount",ss="nick",is="name",as="username",ns="message",rs="msg",os="text";class ls extends _.Component{constructor(e){super(e),this.form=new Et(this.props.pageId),this.page=new mt,this.isBusy=!1,this.isRejected=!1,this.isStreamerRulesPopUpVisible=!1,this.isNotFound=!1,this.disposer=null,this.onDonate=s=>{if(this.form.errors.clear(),this.validateForm(),!this.page.isAvailable){this.setRejected(!0);return}if(this.form.errors.hasErrors){this.focusFirstErrorIfHas();return}this.setBusy(!0),xe.set({name:this.form.name,voiceId:this.form.voiceId}),this.props.store.createDonation(this.form.export(this.queryParams,{quizCategoryId:s})).then(({paymentUrl:a})=>this.navigateToPay(a)).finally(()=>this.setBusy(!1))},this.onQuizCategory=s=>this.onDonate(s),this.updateQueryParams=()=>{const s=new URLSearchParams(window.location.search);this.form.isTgEnable?s.set(ke,"on"):s.delete(ke),this.props.setSearchParams(s)},Ke(this,{isBusy:re,isRejected:re,isStreamerRulesPopUpVisible:re,isNotFound:re,setBusy:te.bound,setRejected:te.bound,setNotFound:te.bound,openStreamerRulesPopUp:te.bound,closeStreamerRulesPopUp:te.bound}),this.fetchDonation(),this.createDonationAmountReaction()}get queryParams(){const e={},s=new URLSearchParams(window.location.search);return s.get(ge)&&(e[ge]=s.get(ge)||""),e}componentWillUnmount(){this.disposer&&(this.disposer(),this.disposer=null)}setBusy(e){this.isBusy=e}setRejected(e){this.isRejected=e}setNotFound(e){this.isNotFound=e}openStreamerRulesPopUp(){this.isStreamerRulesPopUpVisible=!0}closeStreamerRulesPopUp(){this.isStreamerRulesPopUpVisible=!1}navigateToPay(e){window.location.href=e}validateForm(){if(!(this.form.isAction||this.form.isSuperDonate)){if(this.form.amountValue<this.form.minAmount){this.form.errors.setError("amount",this.props.t("validation:minAmount",{amount:this.form.minAmount}));return}if(this.form.amountValue>this.form.maxAmount){this.form.errors.setError("amount",this.props.t("validation:maxAmount",{amount:this.form.maxAmount}));return}}}focusFirstErrorIfHas(){St(this.form.errors,[[this.form.amountRef.current,"amount"]])(e=>{e==null||e.scrollIntoView({block:"center"}),e==null||e.focus({preventScroll:!0})})}createDonationAmountReaction(){this.disposer=Ge(()=>this.form.amount,()=>{this.checkTTSAvailability(),this.checkAIAvailability(),this.checkSafeAvailability(),this.checkWonderAvailability(),this.checkWallAvailability()},{fireImmediately:!0})}checkTTSAvailability(){if(this.page.isTTSEnable){const e=this.form.amountValue>=this.page.ttsMinAmount;e?this.form.setTTSEnable(!0):!e&&this.form.isTTSEnable&&this.form.setTTSEnable(!1)}}checkAIAvailability(){this.page.isAIEnable&&!(this.form.amountValue>=this.page.aiMinAmount)&&this.form.isAIEnabled&&this.form.setAIEnabled(!1)}checkSafeAvailability(){this.page.isSafeEnable&&!(this.form.amountValue>=Math.max(this.page.safeMinAmount,this.form.minAmount))&&this.form.isSafeEnable&&this.form.setSafeEnable(!1)}checkWonderAvailability(){this.page.isWonderEnable&&!(this.form.amountValue>=Math.max(this.page.wonderMinAmount,this.form.minAmount))&&this.form.isWonderEnable&&this.form.setWonderEnable(!1)}checkWallAvailability(){this.page.isWallEnabled&&!(this.form.amountValue>=Math.max(Number(this.page.minAmountWall)||0,this.form.minAmount))&&this.form.isWallEnableForm&&this.form.setIsWallEnableForm(!1)}render(){if(this.isNotFound)return t.jsx(Ze,{});const e=this.page.username?this.props.t("sendDonation:meta:titleWithUsername",{username:this.page.username,defaultValue:"Донат для {{username}} | iHAQDonate"}):this.props.t("sendDonation:meta:title","Отправить донат | iHAQDonate"),s=this.page.username?this.props.t("sendDonation:meta:descWithUsername",{username:this.page.username,defaultValue:"Поддержите стримера {{username}} на iHAQDonate"}):this.props.t("sendDonation:meta:desc","Отправить донат любимому стримеру на iHAQDonate");return t.jsxs("div",{className:`${fe}__wrapper`,children:[t.jsxs(Je,{children:[t.jsx("title",{children:e}),t.jsx("meta",{name:"description",content:s}),t.jsx("meta",{property:"og:title",content:e}),t.jsx("meta",{property:"og:description",content:s}),this.page.avatar&&t.jsx("meta",{property:"og:image",content:this.page.avatar})]}),t.jsx(ut,{branding:this.page.branding,isLoading:this.page.isLoading}),t.jsxs("div",{children:[t.jsxs("div",{className:fe,children:[t.jsxs(pt,{isLoading:this.page.isLoading,isPro:this.page.isPro,isVip:this.page.isVip,login:this.page.login,username:this.page.username,avatar:this.page.avatar,telegram:this.page.telegram,youtube:this.page.youtube,twitch:this.page.twitch,vk:this.page.vk,vkLive:this.page.vkLive,kick:this.page.kick,children:[t.jsx(qt,{page:this.page}),t.jsx(Gt,{page:this.page,pageId:this.props.pageId})]}),t.jsx(Ht,{form:this.form,page:this.page,store:this.props.store,updateQueryParams:this.updateQueryParams,onQuizCategoryClick:this.onQuizCategory}),t.jsx(gt,{buttonText:this.page.buttonText,isLoading:this.page.isLoading,isDisabled:this.form.isDisabled||this.isBusy,streamerRules:this.page.rules,onClick:this.onDonate})]}),this.renderInfo()]}),t.jsx(ht,{isVisible:this.isRejected,onClose:()=>this.setRejected(!1),page:this.page}),t.jsx(Jt,{isVisible:this.isStreamerRulesPopUpVisible,rules:this.page.rules,onClose:this.closeStreamerRulesPopUp})]})}renderInfo(){if(this.page.isLoading)return null;const e=this.page.buttonText||this.props.t("sendDonation:from:supportButtonText"),s=t.jsx(f,{size:"s",color:"primary",children:t.jsx(Ee,{i18nKey:"sendDonation:streamerRulesPopUp:text",components:{highlightText:t.jsx(et,{bold:"700",text:this.props.t("sendDonation:streamerRulesPopUp:highlightText"),onPress:this.openStreamerRulesPopUp})}})});return t.jsxs("div",{className:`${fe}__info`,children:[t.jsx(f,{size:"s",color:"secondary-40",children:t.jsx(Ee,{i18nKey:"sendDonation:from:info",components:{buttonText:t.jsx(t.Fragment,{children:e})}})}),t.jsx(f,{size:"s",color:"secondary-40",children:this.props.t("sendDonation:info")}),this.page.isSafeEnable&&t.jsx(f,{size:"s",color:"secondary-40",children:this.props.t("sendDonation:safeInfo")}),t.jsx(tt,{text:s,icon:"outlineInfo",iconPosition:"left"})]})}fetchDonation(){this.page.setLoading(!0),this.props.store.getDonationPage(this.props.pageId).then(e=>{this.page.setFromApi(e.data),this.form.setIsMassQuiz(this.page.quizCategories.length===0),e.data.viewer.login&&this.form.setName(e.data.viewer.login),e.data.donationSettings.minAmountDonation&&this.form.setMinAmountDonation(e.data.donationSettings.minAmountDonation),e.data.donationSettings.minAmountDonationMultiplier&&this.form.setMinAmountDonationMultiplier(e.data.donationSettings.minAmountDonationMultiplier),e.data.sounds&&this.form.setTTSEnable(e.data.sounds.isTTSEnable),this.form.setAmount(String(this.form.minAmount)),this.setVoiceId(),this.setTgButtonIfAvailable(),this.setDefaultDonationAmountIfHas(),this.setPrefillFieldsFromQueryParams()}).catch(e=>{st(e)&&this.setNotFound(!0)}).finally(()=>this.page.setLoading(!1))}setVoiceId(){const e=xe.get().voiceId;if(e){const s=Number(e).valueOf();if(this.page.voices.some(o=>o.id===s)){this.form.setVoiceId(s);return}}this.page.voices.length&&this.form.setVoiceId(this.page.voices[0].id)}setTgButtonIfAvailable(){}setDefaultDonationAmountIfHas(){const e=new URLSearchParams(window.location.search),s=e.get(es)||e.get(ts),a=Number(s);s&&!isNaN(a)&&a>0&&this.form.setAmount(s)}setPrefillFieldsFromQueryParams(){const e=new URLSearchParams(window.location.search),s=e.get(ss)||e.get(is)||e.get(as);s&&s.trim()&&this.form.setName(s.trim().slice(0,Ce));const a=e.get(ns)||e.get(rs)||e.get(os);a&&a.trim()&&this.form.setMessage(a.slice(0,500))}}const cs=$()(T(ls)),Fs=()=>{const{store:i}=_.useContext(it),e=at(),s=nt(),[a,o]=rt();return _.useEffect(()=>{let d=s.pageId||"";d.startsWith("@")&&(d=d.substring(1));const n=`https://ihaqdonate.com/d/${d}`;let r=document.querySelector("link[rel='canonical']"),l=!1,p=null;return r?p=r.getAttribute("href"):(r=document.createElement("link"),r.setAttribute("rel","canonical"),document.head.appendChild(r),l=!0),r.setAttribute("href",n),()=>{l&&r?document.head.removeChild(r):r&&p!==null?r.setAttribute("href",p):r&&r.removeAttribute("href")}},[s.pageId]),t.jsx(ot,{children:t.jsx(cs,{store:i,pageId:s.pageId||"",navigate:e,currentQueryParameters:a,setSearchParams:o})})};export{Fs as DonatePage};