https://cdn.buymeacoffee.com/static/prod/1052/build/assets/OnetimeWidgetTitle-BsjFF334.js

1import{D as e,a as t,i as n,k as r}from"./dist-DiEP1Qns.js";import{D as i,E as a,Ht as o,On as s,Yt as c,Zn as l,_ as u,b as d,ct as ee,ft as f,g as p,mt as m,qt as h,tr as g,un as _,v,vn as y,y as b}from"./runtime-core.esm-bundler-BKdLzFmX.js";import{n as te}from"./vue-i18n-CD8MIotv.js";import{t as x}from"./appVariables-if8fQ3xE.js";import{t as S}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as ne}from"./Button-D-DnbTTq.js";import{t as re}from"./Input-DIU8PGUv.js";import{t as C}from"./helper-D5ziWoUd.js";import{t as ie}from"./InputError-CyGGRdYx.js";import"./ToggleButton-TXjcPJC7.js";import{t as ae}from"./request-DiNf7PXB.js";import{i as oe}from"./stripePayment-Bu0q6j3z.js";import{n as se}from"./paymentHelper-BzrjJRaH.js";import{t as ce}from"./CheckBox-qDDe3aVi.js";import{t as le}from"./SocialUsername-CIlyO1OB.js";import{t as ue}from"./EmojiPicker-BAM8DU2y.js";import{t as de}from"./Tooltip-BU0OiCHd.js";import{n as fe,r as pe,t as me}from"./SuggestedAmount-gOdzvWOX.js";import{t as he}from"./CounterWidget-B2ybVJz4.js";import{t as w}from"./HeartIcon-BjjVtVZk.js";var T={COFFEE_COUNT:1,SUGGESTED_AMOUNT:2,MIXED:3},ge={key:0,class:`animate-pulse`},_e={class:`relative`},ve=[`aria-hidden`],ye={class:`relative group`},be={class:`text-dark text-sm font-cr-regular`},xe=[`aria-label`],Se={key:1,class:`flex items-center relative h-[33px]`},Ce={class:`flex items-center absolute z-1 top-2`},we={class:`relative group`},Te={class:`text-dark text-sm font-cr-regular`},Ee=[`aria-label`],De={class:`relative group`},Oe=S({__name:`OneTimePaymentFirstStep`,props:[`creatorData`,`currentUser`,`fromPage`,`recordedVideoData`,`amountAccToGoal`],emits:[`triggerPaymentSecondStep`,`setPayingAmount`,`toggleVideoRecorderModal`,`removeVideo`,`openVideoPlayModal`,`monthlySupport`,`v3WidgetEnabledBool`],setup(S,{emit:Oe}){let{t:E}=te(),ke=t().props,D=S,O=Oe,k=y(1),A=y(``),j=y(``),M=y(``),N=y(!1),P=y(!1),Ae=y(!1),F=y(!1),I=C.widgetType(),L=y(!1),R=y(0),z=y(!1),B=y(null),je=y(D.recordedVideoData),V=y(!1),Me=D.creatorData.donation_settings&&D.creatorData.donation_settings.recurring_enabled==1&&!D.creatorData.recurring_donor&&D.fromPage!==`embed_widget`,H=y(0),Ne=y(!1),Pe=C.getExchangeRate(),U=y(``),W=y(``),G=y(!1),K=y({});y({});let Fe=y(1),Ie=y(5e3),Le=[{type:`twitter`},{type:`instagram`},{type:`tiktok`}],Re=(D.creatorData?.donation_settings?.support_button_text??`support`).toLowerCase(),q=y(!1),ze=y(null),J=y(!1),Be=y(null),Y=y(!1),X=y(!!(D.creatorData.feature_flags.hasOwnProperty(`ab_testing_v3_widget`)&&I===T.COFFEE_COUNT));ee(async()=>{Y.value=!1,X.value=!1,O(`v3WidgetEnabledBool`,Y.value,X.value),Fe.value=Y.value?C.roundToMultipleOfFive(D.creatorData.coffee_price_converted):Math.ceil(Pe),Ie.value=Math.floor(Pe*5e3),k.value=Y.value||I===T.COFFEE_COUNT?1:0,Ae.value=se.paymentEnabledOrNot(D.creatorData).disablePayment,K=x.IsBrowser&&C.getCookieValue(`paymentData-`+D.creatorData.project_id)?JSON.parse(C.getCookieValue(`paymentData-`+D.creatorData.project_id)):{},Object.keys(K).length!==0&&(A.value=K.message,j.value=K.gif,K.video&&(U.value=C.getUrlWithCdnPath(K.video.video_path),B.value=K.video),P.value=K.support_visibility===0,K.support_visibility===0&&(N=!0),Z.name=K.name,K.hasOwnProperty(`name_type`)&&K.name_type!=-1&&(L.value=!0,R.value=K.name_type)),x.IsBrowser&&C.getParamsValueFromUrl(`status`)&&C.getParamsValueFromUrl(`status`)!=1&&K?.psp_amount&&!ke.failed_payment&&Xe(!0),x.IsBrowser&&document.addEventListener(`click`,Ve)}),f(()=>{x.IsBrowser&&document.removeEventListener(`click`,Ve)});let Ve=e=>{Be.value&&!Be.value.contains(e.target)&&(J.value=!1),ze.value&&!ze.value.contains(e.target)&&(q.value=!1)};o(()=>D.recordedVideoData,e=>{je.value=e,U.value=e.video_data?URL.createObjectURL(e.video_data):``,W.value=e.thumbnail_data?URL.createObjectURL(e.thumbnail_data):``});let He=e=>{A.value=e,$(`message`,e)},Ue=e=>{j.value=e,$(`gif`,e)},We=e=>{O(`toggleVideoRecorderModal`,e)},Z=n({name:D.currentUser?D.currentUser.data.name:``,name_on_card:``});p(()=>I===T.COFFEE_COUNT?k.value?D.creatorData.coffee_price*k.value:D.creatorData.coffee_price:k.value);let Q=p(()=>

1{if(I===T.COFFEE_COUNT||Y.value){let e=parseFloat(Pe)===1?D.creatorData.coffee_price_converted:D.creatorData.coffee_price_converted>50?Math.ceil(D.creatorData.coffee_price_converted/5)*5:Math.ceil(D.creatorData.coffee_price_converted);return Y.value?Ne.value||H.value>0?H.value:0:k.value===0||k.value===`0`?0:k.value?e*k.value:e}else return k.value}),Ge=e=>{k.value=e,qe()},Ke=(e,t)=>{k.value=e,H.value=t,Ne.value=!0,O(`setPayingAmount`,H.value)},qe=()=>{O(`setPayingAmount`,Q.value)},Je=p(()=>M.value?M.value===`lang.payment.onetime.minimum_amount`?E(M.value,{amount:C.numberFormat(Fe.value),currency:C.userCurrencyConverted()}):M.value===`lang.payment.onetime.maximum_amount`?E(M.value,{amount:C.numberFormat(Ie.value),currency:C.userCurrencyConverted()}):E(M.value,{name:D.creatorData.name}):``),Ye=p(()=>{if(Ae.value)return se.paymentEnabledOrNot(D.creatorData).tooltipText&&(M.value=se.paymentEnabledOrNot(D.creatorData).tooltipText),!0;let e=Number(Q.value);if(!e||e<=0)return M.value=``,!0;if(I===T.SUGGESTED_AMOUNT||Y.value){if(e>Ie.value)return M.value=`lang.payment.onetime.maximum_amount`,!0;if(e<Fe.value)return M.value=`lang.payment.onetime.minimum_amount`,!0}return M.value=``,!1}),$=async(e,t)=>{K[e]=t,x.IsBrowser&&C.setCookieValue(`paymentData-`+D.creatorData.project_id,JSON.stringify(K))},Xe=async(e=!1)=>{if(!(Ye.value&&!e||G.value)){F.value=!e;try{let t=e?K?.psp_amount:Q.value,n=await ae.getAmountToPayMultiCurrency(D.creatorData.slug,t,`onetime`);e||($(`psp_amount`,n.data.psp_amount),$(`coffee_count`,k.value?Number(k.value):1));let r;r=V.value?{...n.data,name:Z.name&&Z.name.replace(/@/,``).trim().length?Z.name:``,name_type:L.value&&Z.name&&Z.name.replace(/@/,``).trim().length?Le[R.value].t

1ype:``,msg:A,support_visibility:+!P.value,video:B,gif:j}:{...n.data,name:Z.name&&Z.name.replace(/@/,``).trim().length?Z.name:``,name_type:L.value&&Z.name&&Z.name.replace(/@/,``).trim().length?Le[R.value].type:``,msg:A,gif:j,video:B,support_visibility:+!P.value,payment_mode:`singleThankyouPage`,feature_type:oe.SUPPORT},r.psp_amount_with_fee&&(r.total_amount=r.psp_amount_with_fee,r.total_amount_converted=r.psp_amount_with_fee),Y.value?(r.amount=n.data.amount,r.coffee_count=e?K?.coffee_count:k.value,r.widget_version=`v3`):I===T.SUGGESTED_AMOUNT?(r.amount=n.data.amount,r.coffee_count=1,r.widget_version=`v2`):(r.coffee_count=e?K?.coffee_count:k.value?Number(k.value):1,r.amount=n.data.amount,r.widget_version=`v1`),O(`triggerPaymentSecondStep`,r),F.value=!1}catch{F.value=!1}}},Ze=()=>{B.value=null,je.value=null,G.value=!1,U.value=``,W.value=``,O(`removeVideo`,``),$(`video`,null)},Qe=e=>{e?.video_data&&(B.value={video_path:e.video_data.path,thumbnail_path:e.thumbnail_data.path??``},G.value=!1,U.value=e.video_data.full_path,W.value=e.thumbnail_data.full_path,$(`video`,B.value))},$e=e=>{G.value=e},et=()=>{$(`support_visibility`,+!P.value)},tt=(e,t)=>{O(`monthlySupport`,V.value)},nt=()=>{Z.errors.name=``,L.value=Z.name[0]===`@`,z.value=Z.name[0]===`@`&&Z.name.length===1,Z.name.replace(/@/,``).trim().length?($(`name`,Z.name),L.value&&$(`name_type`,R.value)):($(`name`,``),$(`name_type`,-1))},rt=e=>{R.value=e,$(`name_type`,R.value),x.IsBrowser&&document.querySelector(`.name-field`).focus()};return(t,n)=>(m(),d(`div`,null,[s(X)?(m(),d(`div`,ge,[...n[11]||=[u(`div`,{class:`bg-greyF0 rounded-xl w-full h-[60px] mt-4`},null,-1)]])):b(``,!0),!s(X)&&s(Y)?(m(),v(he,{key:1,creatorData:S.creatorData,tagEmoji:S.

1creatorData.tag_emoji,monthlySupportEnabled:!1,maxAmount:s(Ie),minAmount:s(Fe),onEmitCoffeeAmt:Ke},null,8,[`creatorData`,`tagEmoji`,`maxAmount`,`minAmount`])):!s(X)&&s(I)===s(T).SUGGESTED_AMOUNT?(m(),v(me,{key:2,suggestedAmounts:S.creatorData.donation_settings.suggested_amounts_converted,amtAccToGoal:S.amountAccToGoal,monthlySupportEnabled:!1,postHogVariant:S.creatorData.donation_settings.posthog_variant,onEmitCoffeeCount:Ge},null,8,[`suggestedAmounts`,`amtAccToGoal`,`postHogVariant`])):s(X)?b(``,!0):(m(),v(fe,{key:3,fromPage:S.fromPage,tagEmoji:S.creatorData.tag_emoji,amtAccToGoal:S.amountAccToGoal,creatorData:S.creatorData,monthlySupportEnabled:!1,onEmitCoffeeCount:Ge,onSetPayableAmount:qe},null,8,[`fromPage`,`tagEmoji`,`amtAccToGoal`,`creatorData`])),u(`div`,null,[u(`div`,_e,[i(re,{class:l([`mt-4 text-sm !font-cr-book name-field`,s(L)?`!pl-[50px]`:`!pl-3`]),placeholder:t.$t(`lang.placeholder.name_or_twitter`),type:`text`,name:`supporterDisplayName`,id:`supporterDisplayName`,autocomplete:`name`,"data-form-type":`other`,"data-1p-ignore":``,"data-lpignore":`true`,modelValue:s(Z).name,"onUpdate:modelValue":n[0]||=e=>s(Z).name=e,onBlur:n[1]||=r(e=>_(z)?z.value=!1:z=!1,[`prevent`]),hasError:s(Z).errors.name,onInput:nt},null,8,[`class`,`placeholder`,`modelValue`,`hasError`]),i(le,{onSwitchSocial:rt,fromPage:`onetime`,isUsernameSocial:s(L),selectedSocial:s(R),toolTipActive:s(z)},null,8,[`isUsernameSocial`,`selectedSocial`,`toolTipActive`]),s(Z).errors.name?(m(),v(ie,{key:0,class:`my-1 text-sm`,message:t.$t(s(Z).errors.name)},null,8,[`message`])):b(``,!0)]),i(ue,{class:`mt-4 xs:mt-4 text-sm`,onGetContent:He,onGetGif:Ue,onTriggerFocusEvent:n[2]||=e=>_(N)?N.value=!0:N=!0,onToggleVideoRecorderModal:We,onRemoveVideo:Ze,onGetVideo:Qe,onOpenVideoPlayModal:n[3]||=e=>O(`openVideoPlayModal`,s(B)),onSetIsUploadingVideo:$e,dropDownPosition:`top`,showGifPicker:!1,showVideoRecorderIcon:S.fromPage==`homeWidget`,creatorData:S.creatorData,currentUser:S.currentUser,gif:s(j),videoData:s(je),videoURL:s(U),thumbnailURL:s(W),extraClass:[`!font-cr-book mb-5`],content:s(A),placeholder:t.$t(`lang.placeholder.say_something`)},null,8,[`showVideoRecorderIcon`,`creatorData`,`currentUser`,`gif`,`videoData`,`videoURL`,`thumbnailURL`,`content`,`placeholder`]),S.fromPage===`embed_widget`?b(``,!0):(m(),d(`div`,{key:0,"aria-hidden":!s(N),class:l([s(N)?`mt-2 transition-all ease-out duration-500 h-auto opacity-100`:`h-0 opacity-0`,`flex items-center`])},[u(`div`,ye,[i(ce,{id:`makeMsgPrivate`,checked:s(P),"onUpdate:checked":n[4]||=e=>_(P)?P.value=e:P=e,onChange:et},{default:h(()=>[u(`span`,be,g(t.$t(`lang.payment.make_this_msg_private`)),1)]),_:1},8,[`checked`])]),u(`div`,{class:`relative group inline-block`,onClick:n[5]||=e=>_(q)?q.value=!0:q=!0,onMouseleave:n[6]||=e=>_(q)?q.value=!1:q=!1,ref_key:`msgPvtTooltipRef`,ref:ze,tabindex:`0`,role:`button`,"aria-describedby":`onetime-msg-pvt-tooltip`,"aria-label":t.$t(`lang.a11y.home.tooltip_info`)},[i(de,{class:`w-52 py-3 -top-20 text-center left-[-88px] xs:left-[-168px]`,id:`onetime-msg-pvt-tooltip`,description:t.$t(`lang.payment.msg_private`),arrowPosition:`bottom`,isActive:s(q),role:`tooltip`,"aria-live":`polite`},null,8,[`description`,`isActive`]),i(pe,{"aria-hidden":`true`,class:`ml-2 text-sm`,fillClass:`group-hover:fill-dark`})],40,xe)],10,ve)),s(Me)?(m(),d(`div`,Se,[u(`div`,{class:l([`w-4 h-4 relative mt-[7px]`,{hidden:!s(V)}])}

1,[i(w,{style:{left:`-10px`,bottom:`-2px`},class:`absolute mx-auto moveup-anim opacity-0`,fillClass:`fill-red`,width:15,height:14}),i(w,{style:{left:`0px`,bottom:`6px`},class:`absolute mx-auto moveup-anim opacity-0`,fillClass:`fill-red`,width:15,height:14}),i(w,{style:{left:`14px`,bottom:`0`},class:`absolute mx-auto moveup-anim opacity-0`,fillClass:`fill-red`,width:15,height:14}),i(w,{style:{left:`18px`,bottom:`9px`},class:`absolute mx-auto moveup-anim opacity-0`,fillClass:`fill-red`,width:15,height:14})],2),u(`div`,Ce,[u(`div`,we,[i(ce,{id:`doMonthlySupport`,checked:s(V),"onUpdate:checked":n[7]||=e=>_(V)?V.value=e:V=e,onChange:tt},{default:h(()=>[u(`span`,Te,g(t.$t(`lang.payment.monthly_support.make_it_monthly_short`)),1)]),_:1},8,[`checked`])]),u(`div`,{class:`relative group inline-block`,onClick:n[8]||=e=>_(J)?J.value=!0:J=!0,onMouseleave:n[9]||=e=>_(J)?J.value=!1:J=!1,ref_key:`makeMonthlyTooltipRef`,ref:Be,tabindex:`0`,role:`button`,"aria-describedby":`onetime-make-monthly-tooltip`,"aria-label":t.$t(`lang.a11y.home.tooltip_info`)},[i(de,{class:`w-[312px] py-3 bottom-[23px] text-center left-[-140px] xs:w-[220px] xs:left-[-94px]`,id:`onetime-make-monthly-tooltip`,description:t.$t(`lang.payment.monthly_support.make_it_monthly`,{creatorName:S.creatorData.name}),arrowPosition:`bottom`,isActive:s(J),role:`tooltip`,"aria-live":`polite`},null,8,[`description`,`isActive`]),i(pe,{"aria-hidden":`true`,class:`ml-2 text-sm cursor-pointer`,fillClass:`group-hover:fill-dark`})],40,Ee)])])):b(``,!0),u(`div`,De,[i(de,{class:`w-4/5 left-10 py-3 bottom-15 text-center`,description:Je.value,arrowPosition:`bottom`,"aria-hidden":`true`},null,8,[`description`]),i(ne,{onClick:n[10]||=e=>Xe(!1),"aria-label":Je.value?Je.value:s(Q)&&s(Q)>0?t.$t(`lang.a11y.${s(Re)}_with_currency`,{amount:s(C).numberFormat(s(Q)),currency:s(C).userCurrencyConvertedName()}):t.$t(`lang.common.${s(Re)}`),disabled:s(F),initiallyDisabled:s(Ye)||s(G),class:`font-cr-bold w-full h-12 px-5 text-base text-themeTextColor tw-theme-color-rounded-full mt-5`,btnType:`primary`},{default:h(()=>[a(g(s(Q)&&s(Q)>0&&!s(X)?t.$t(`lang.common.${s(Re)}_with_currency`,{amount:s(C).numberFormat(s(Q)),currency:s(C).userCurrencyConverted()}):t.$t(`lang.common.${s(Re)}`))+` `,1),c(u(`span`,null,`/`+g(t.$t(`lang.common.month`)),513),[[e,s(V)&&s(Q)&&s(Q)>0]])]),_:1},8,[`aria-label`,`disabled`,`initiallyDisabled`])])])]))}},[[`__scopeId`,`data-v-939660e7`]]),E={class:`flex items-center w-full`},ke={class:`w-full`},D={class:`text-2xl text-dark font-cr-bold maxmd:text-[22px] inline`},O={key:0},k={key:1,class:`text-2xl text-dark font-cr-bold maxmd:text-[22px]`},A=[`aria-label`],j={__name:`OnetimeWidgetTitle`,props:[`creatorData`,`fromPage`,`isV3WidgetEnabled`],setup(e){let t=y(`!-left-[152px]`),n=y(`bottom`),r=y(``),a=y(!1),o=y(null);f(()=>{x.IsBrowser&&document.addEventListener(`click`,c)}),f(()=>{x.IsBrowser&&document.removeEventListener(`click`,c)});let c=e=>{o.value&&!o.value.contains(e.target)&&(a.value=!1)},ee=e=>{C.checkIsTab()&&(e.el.getBoundingClientRect().left<=120?(t.value=`left-unset xs:!-right-[200px]`,n=`left`,r=`top-20 left-20 absolute`):e.el.getBoundingClientRect().left>=300&&(t.value=`right-unset xs:!-left-[160px]`,n=`right`,r=`top-20 right-28 absolute`))},p=C.getExchangeRate(),h=e=>parseFloat(p)===1?e:e>50?Math.ceil(e/5)*5:Math.ceil(e);return(c,f)=>(m(),d(`div`,E,[u(`div`,ke,[u(`h1`,D,[s(C).widgetType()===s(T).COFFEE_COUNT||e.isV3WidgetEnabled?(m(),d(`span`,O,g(c.$t(`lang.common.onetime_support_buy`,{name:e.creatorData.name,tag:e.creatorData.tag_alternative?c.$te(`lang.common.${e.creatorData.tag_alternative}`)?c.$t(`lang.common.${e.creatorData.tag_alternative}`):e.creatorData.tag_alternative:c.$t(`lang.common.coffee`)})),1)):(m(),d(`span`,k,g(c.$t(`lang.common.support_action`)+` `+e.creatorData.name),1))]),s(C).widgetType()===s(T).COFFEE_COUNT||e.isV3WidgetEnabled?(m(),d(`span`,{key:0,class:`relative group inline-block`,onVnodeMounted:f[0]||=e=>ee(e),onClick:f[1]||=e=>_(a)?a.value=!0:a=!0,onMouseleave:f[2]||=e=>_(a)?a.value=!1:a=!1,ref_key:`onetimeTooltipRef`,ref:o,tabindex:`0`,role:`button`,"aria-describedby":`onetime-title-tooltip`,"aria-label":c.$t(`lang.a11y.home.one_time_more_info`)},[u(`div`,{class:l(s(r))},[i(de,{id:`onetime-title-tooltip`,class:l([`w-84 xs-sm:w-75 !px-2 !py-3 !text-[14px] xs:w-60 xs:!px-3 text-center`,[s(t),e.fromPage===`embed_widget`?`top-7`:`bottom-7`]]),description:c.$t(`lang.payment.onetime.onetime_payment_tooltip_v2`,{coffee_name:e.creatorData.tag_alternative??`coffee`,coffee_price:s(C).userCurrencyConverted()+h(e.creatorData.coffee_price_converted)}),position:e.fromPage===`embed_widget`?`bottom`:`top`,arrowPosition:s(n),isActive:s(a),role:`tooltip`,"aria-live":`polite`},null,8,[`class`,`description`,`position`,`arrowPosition`,`isActive`])],2),i(pe,{class:`ml-2`,"aria-hidden":`true`})],40,A)):b(``,!0)])]))}};export{Oe as n,T as r,j as t};