https://www.softube.com/ui/es6/124.fe5fe046831ead9a.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[124,800],{710:(e,t,a)=>{a.d(t,{u:()=>r});var l=a(3939);const r=e=>({type:l.V3,payload:e})},124:(e,t,a)=>{a.r(t),a.d(t,{default:()=>o});var l=a(3696),r=a(7465),c=a(9400),s=a(303),d=a(6483),n=a(7286),i=a(710),m=a(3939);const o=({isUpgrade:e})=>{const t=(0,l.useRef)(null),a=(0,r.wA)(),o=(0,r.d4)(e=>e.flowCreditPurchaseModal),u=(0,r.d4)(e=>e.flowCreditUpgradePurchaseModal),[p,_]=(0,l.useState)("true"===e?u:o),[h,f]=(0,l.useState)(p.currentUserOwnsProduct),[E,w]=(0,l.useState)(!h),[g,v]=(0,l.useState)(!1),[b,N]=(0,l.useState)(!1),[C,x]=(0,l.useState)(!1),[T,y]=(0,l.useState)(p.customerCreditsList);(0,l.useEffect)(()=>{_("true"===e?u:o),y("true"===e?u.customerCreditsList:o.customerCreditsList)},[o,u]);const k=()=>T.reduce((e,t)=>e+t.selectedCredits,0),j=()=>p.creditPrice===k(),U=()=>{t.current.close(),enableBodyScroll()},P=()=>{x(!0),(0,d.bE)("/api/products/purchaseWithFlowCredits",{customerCreditsList:T,fullProductArticleNumber:o.productArticleNumber,upgradeProductArticleNumber:u.productArticleNumber,isUpgrade:"true"===e}).then(e=>e.json()).then(e=>{a((0,i.u)(e.userOwnedFullLicenseProducts)),o?.productArticleNumber&&a((e=>({type:m.Kd,payload:e}))({...o,customerCreditsList:e.fullProductCustomerCreditsList,currentUserOwnsProduct:!0})),u?.productArticleNumber&&a((e=>({type:m.$w,payload:e}))({...u,customerCreditsList:e.upgradeProductCustomerCreditsList,currentUserOwnsProduct:!0})),v(!1),x(!1),N(!0)}).catch(e=>{e.response?e.response.json().then(e=>{e.general?a((0,n.pG)({messageText:e.general[0],messageType:"Pink",dismissible:!0,timeToLive:10})):a((0,n.pG)({messageText:(0,c.T)("general.error"),messageType:"Pink",dismissible:!0,timeToLive:10}))}):a((0,n.pG)({messageText:(0,c.T)("general.error"),messageType:"Pink",dismissible:!0,timeToLive:10})),x(!1)})};return l.createElement(l.Fragment,null,p&&l.createElement(l.Fragment,null,T&&T.length>0&&l.createElement(l.Fragment,null,l.createElement("hr",null),l.createElement("div",{className:"product-page__details__info__credits"},l.createElement("button",{className:"button",onClick:()=>(f(p.currentUserOwnsProduct),w(!p.currentUserOwnsProduct),v(!1),N(!1),t.current.showModal(),void stopBodyScroll())},(0,c.T)("js.productpage.flowcreditpurchase.buttontext")),p.creditsImagesUrls&&p.creditsImagesUrls.length>0&&l.createElement("div",{style:{display:"grid",position:"relative",gridTemplateColumns:"repeat("+(p.creditsImagesUrls.length+1)+", 1fr)"}},p.creditsImagesUrls.map((e,t)=>l.createElement("img",{key:t,style:{gridRow:1,gridColumn:t+1+" / span 2",zIndex:t},src:e}))),l.createElement("span",null,p.creditPrice),(0,c.T)("js.general.credits.currency.suffix"))),l.createElement("dialog",{ref:t,className:"dialog"},!C&&l.createElement("a",{className:"dialog__close",onClick:()=>U()},l.createElement("i",{className:"icon-cancel"})),l.createElement("div",null,l.createElement("div",{className:"flow-credit-purchase-modal"},h&&l.createElement(l.Fragment,null,l.createElement("div",{className:"flow-credit-purchase-modal__head"},l.createElement("h3",null,(0,c.T)("js.flowcreditpurchasemodal.alreadyownes.heading")),l.createElement("p",null,(0,c.T)("js.flowcreditpurchasemodal.alreadyownes.text"))),l.createElement("div",{className:"flow-credit-purchase-modal__content"},l.createElement("div",{className:"flow-credit-purchase-modal__confirm"},l.createElement("div",{className:"flow-credit-purchase-modal__variant flow-credit-purchase-modal__variant--flex"},l.createElement("div",{className:"flow-credit-purchase-modal__variant__product"},p.productImageUrl&&l.createElement("img",{src:p.productImageUrl}),p.productName),l.createElement("div",{className:"flow-credit-purchase-modal__variant__credits-price"},(0,c.T)("js.flowcreditpurchasemodal.alreadyownes.owned"))),l.createElement("div",{className:"flow-credit-purchase-modal__buttons flow-credit-purchase-modal__buttons--flex"},l.createElement("button",{className:"button button--full-width",disabled:C,onClick:()=>(f(!1),void w(!0))},l.createElement("span",null,(0,c.T)("js.flowcreditpurchasemodal.alreadyownes.button.confirm"))),l.createElement("button",{className:"button button__outline button--full-width",onClick:()=>U()},(0,c.T)("js.flowcreditpurchasemodal.alreadyownes.button.cancel")))))),T&&T.length>0&&E&&l.createElement(l.Fragment,null,l.createElement("div",{className:"flow-credit-purchase-modal__head"},l.createElement("h3",null,(0,c.T)("js.flowcreditpurchasemodal.selectcredits.heading")),l.createElement("p",null,(0,c.T)("js.flowcreditpurchasemodal.selectcredits.text"))),l.createElement("div",{className:"flow-credit-purchase-modal__content"},l.createElement("form",{className:"flow-credit-purchase-modal__form"},T.map((e,t)=>l.createElement(l.Fragment,{key:t},l.createElement("div",{className:"flow-credit-purchase-modal__form__flow-credit-name"},e.flowCreditsName),l.createElement("div",{className:"flow-credit-purchase-modal__form__available-credits"},l.createElement("img",{src:e.coinImageUrl,className:"flow-credit-purchase-modal__coin"}),e.availableCredits),l.createElement("div",{className:"flow-credit-purchase-modal__form__input"},l.createElement(s.A,{name:"selectedCredits",type:"number",value:e.selectedCredits,minValue:0,maxValue:e.maxSelectableCredits,required:!0,onChange:t=>{return a=e.id,l=Number(t),r=T.map(e=>e.id===a?(l=(l=l>e.availableCredits?e.availableCredits:l)<0?0:l,{...e,selectedCredits:l}):e),void y(r.map(e=>{let t=r.reduce((t,a)=>t+(a.id===e.id?0:a.selectedCredits),0),a=p.creditPrice-t;return{...e,maxSelectableCredits:a<e.availableCredits?Math.max(0,a):e.availableCredits}}));var a,l,r},disabled:C})))),l.createElement("div",{className:"flow-credit-purchase-modal__form__message "+(j()?"flow-credit-purchase-modal__text-green":"flow-credit-purchase-modal__text-grey")},j()?l.createElement(l.Fragment,null,(0,c.T)("js.flowcreditpurchasemodal.selectcredits.amount

1coveredtext")):l.createElement(l.Fragment,null,T.length>1&&l.createElement(l.Fragment,null,(0,c.T)("js.flowcreditpurchasemodal.selectcredits.cancombinetext")))),l.createElement("div",{className:"flow-credit-purchase-modal__form__selected-credits "+(j()&&0!=k()?"flow-credit-purchase-modal__text-green":"flow-credit-purchase-modal__text-pink")},k()>0?k():""),l.createElement("div",{className:"flow-credit-purchase-modal__variant flow-credit-purchase-modal__variant--grid-col"},l.createElement("div",{className:"flow-credit-purchase-modal__variant__product"},p.productImageUrl&&l.createElement("img",{src:p.productImageUrl}),p.productName),l.createElement("div",{className:"flow-credit-purchase-modal__variant__credits-price"},p.creditPrice," ",(0,c.T)("js.general.credits.currency.suffix"))),l.createElement("div",{className:"flow-credit-purchase-modal__buttons flow-credit-purchase-modal__buttons--grid-col"},l.createElement("button",{type:"button",className:"button button--full-width "+(C?"loading":""),disabled:!j(),onClick:()=>(w(!1),void v(!0))},j()?l.createElement("span",null,(0,c.T)("js.flowcreditpurchasemodal.purchase.button.enabled.text")):l.createElement("span",null,(0,c.T)("js.flowcreditpurchasemodal.purchase.button.disabled.text"))))))),T&&T.length>0&&g&&l.createElement(l.Fragment,null,l.createElement("div",{className:"flow-credit-purchase-modal__head"},l.createElement("h3",null,(0,c.T)("js.flowcreditpurchasemodal.confirmpurchase.heading"))),l.createElement("div",{className:"flow-credit-purchase-modal__content"},l.createElement("div",{className:"flow-credit-purchase-modal__confirm"},l.createElement("div",{className:"flow-credit-purchase-modal__confirm__selected"},T.filter(e=>e.selectedCredits>0).map((e,t)=>l.createElement("div",{className:"flow-credit-purchase-modal__confirm__selected__row",key:t},l.createElement("div",null,e.flowCreditsName),l.createElement("div",null),l.createElement("div",null,l.createElement("img",{src:e.coinImageUrl,className:"flow-credit-purchase-modal__coin"}),e.selectedCredits)))),l.createElement("div",{className:"flow-credit-purchase-modal__variant flow-credit-purchase-modal__variant--flex"},l.createElement("div",{className:"flow-credit-purchase-modal__variant__product"},p.productImageUrl&&l.createElement("img",{src:p.productImageUrl}),p.productName),l.createElement("div",{className:"flow-credit-purchase-modal__variant__credits-price"},p.creditPrice," ",(0,c.T)("js.general.credits.currency.suffix"))),l.createElement("div",{className:"flow-credit-purchase-modal__buttons flow-credit-purchase-modal__buttons--flex"},l.createElement("button",{className:"button button--full-width "+(C?"loading":""),disabled:C,onClick:()=>P()},l.createElement("span",null,(0,c.T)("js.flowcreditpurchasemodal.confirmpurchase.button.confirm")),l.createElement("span",{className:"spinner spinner--light spinner--small"})),l.createElement("button",{className:"button button__outline button--full-width",disabled:C,onClick:()=>(v(!1),void w(!0))},(0,c.T)("js.flowcreditpurchasemodal.confirmpurchase.button.cancel")))))),b&&l.createElement(l.Fragment,null,l.createElement("div",{className:"flow-credit-purchase-modal__head"},l.createElement("h2",null,(0,c.T)("js.flowcreditpurchasemodal.purchase.success.heading")),l.createElement("p",null,(0,c.T)("js.flowcreditpurchasemodal.purchase.success.text"))),l.createElement("div",{className:"flow-credit-purchase-modal__deposited"},l.createElement("div",{className:"flow-credit-purchase-modal__deposited__product"},p.productImageUrl&&l.createElement("img",{src:p.productImageUrl}),p.productName),l.createElement("div",{className:"flow-credit-purchase-modal__deposited__owned"},(0,c.T)("js.flowcreditpurchasemodal.purchase.success.product.owned"))),l.createElement("button",{className:"button button__primary button--full-width",onClick:()=>U()},(0,c.T)("js.flowcreditpurchasemodal.afterpurchase.button.text"))))))))}},303:(e,t,a)=>{a.d(t,{A:()=>c});var l=a(3696),r=a(6800);const c=({name:e,id:t,type:a="text",value:c,minValue:s=null,maxValue:d=null,label:n,onChange:i,errors:m={},containerCssClass:o="",inputCssClass:u,labelCssClass:p="",autoComplete:_=null,placeholder:h=null,maxLength:f=200,required:E,disabled:w,checked:g,textInputPrefix:v,tooltip:b=null})=>l.createElement("label",{className:o,htmlFor:t},v?l.createElement(l.Fragment,null,n&&l.createElement("span",{className:`${p} ${E?"label-required":""}`},n),b&&l.createElement(r.default,{text:b}),l.createElement("div",{className:"form-input-prefix"},l.createElement("span",null,v),l.createElement("input",{className:`${u||""}${m[t]?" invalid":""}`,disabled:w,id:t,name:e,type:a,value:c??"",min:s,max:d,placeholder:h,autoComplete:_,onCh

1ange:e=>i(e.target.value),maxLength:f}))):l.createElement(l.Fragment,null,"checkbox"!==a&&"radio"!==a&&n&&l.createElement("span",{className:`${p} ${E?"label-required":""}`},n),b&&l.createElement(r.default,{text:b}),l.createElement("input",{className:`${u||""}${m[t]?" invalid":""}`,disabled:w,checked:g,id:t,name:e,type:a,value:c??"",min:s,max:d,placeholder:h,autoComplete:_,onChange:e=>i("checkbox"===a?e.target.checked:e.target.value),maxLength:f}),("checkbox"===a||"radio"===a)&&n&&l.createElement("span",{className:`${p} ${E?"label-required":""}`},n)),m[t]&&l.createElement("div",{className:"validation-message","data-error-for":t},m[t][0]))},6800:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});var l=a(3696);const r=({text:e})=>l.createElement(l.Fragment,null,e&&l.createElement("div",{className:"tool-tip"},l.createElement("i",{className:"icon-info_circle"}),l.createElement("div",{className:"tool-tip__content",dangerouslySetInnerHTML:{__html:e}})))}}]);
2//# sourceMappingURL=124.fe5fe046831ead9a.js.map