{"version":3,"sources":["webpack:///./src/views/admin/components/RefundCard.vue?c6fb","webpack:///./src/views/admin/components/FundSummaryCard.vue?3544","webpack:///src/views/admin/components/FundSummaryCard.vue","webpack:///./src/views/admin/components/FundSummaryCard.vue?f018","webpack:///./src/views/admin/components/FundSummaryCard.vue","webpack:///./src/views/admin/components/FundCard.vue?1116","webpack:///./src/views/admin/components/FundCard.vue?2543","webpack:///src/views/admin/components/FundCard.vue","webpack:///./src/views/admin/components/FundCard.vue?b1fa","webpack:///./src/views/admin/components/FundCard.vue","webpack:///./src/views/admin/components/RefundSummaryCard.vue?9191","webpack:///./src/views/admin/fund.vue?1f07","webpack:///src/views/admin/fund.vue","webpack:///./src/views/admin/fund.vue?a049","webpack:///./src/views/admin/fund.vue","webpack:///./src/assets/images/account-details/icons8-approval 1.svg","webpack:///./src/views/admin/components/RefundCard.vue?2c98","webpack:///src/views/admin/components/RefundCard.vue","webpack:///./src/views/admin/components/RefundCard.vue?a2b0","webpack:///./src/views/admin/components/RefundCard.vue","webpack:///./src/views/admin/fund.vue?f97a","webpack:///./src/views/admin/components/RefundSummaryCard.vue?5210","webpack:///src/views/admin/components/RefundSummaryCard.vue","webpack:///./src/views/admin/components/RefundSummaryCard.vue?3e92","webpack:///./src/views/admin/components/RefundSummaryCard.vue","webpack:///./src/views/admin/components/FundSummaryCard.vue?b508"],"names":["render","_vm","this","_h","$createElement","_c","_self","scopedSlots","_u","key","fn","staticClass","_v","_s","$t","proxy","_f","amount","discount","_e","subTotal","isAdmin","paymentMethodFees","value","fees","vatPercentage","vat","totalPaid","bonus","balance","staticRenderFns","props","default","required","account","type","Object","$store","getters","paymentMethod","String","data","feesTable","computed","isVatEnabled","isEligableForVAT","bonusPercentage","isEligableForFreeBonus","parseFloat","calcBonusValue","calcPercentageValue","actual_vat_percentage","calcRegularAccountTotalPaid","methods","totalValue","percentage","component","ref","attrs","fuzzySearch","transformationFunction","on","handleAccountSelected","paymentMethodOptions","model","callback","$$v","expression","$event","$emit","handleFundClick","activeConfirmFundPrompt","name","confirmed","handleConfirmationOk","handleConfirmationCancel","activeSuccessPrompt","setDefault","user","watch","newPaymentMethod","window","location","reload","$refs","id","userId","label","userEmail","children","userAccounts","map","accountId","accountName","parent_id","country_id","addValidationError","preventDefault","display","handlePaymentMethodSelected","handleAmountChange","getTransactionLogs","fundTabSelected","handleBalanceChange","maxAvailableVat","components","FundCard","RefundCard","FundSummaryCard","RefundSummaryCard","TransactionLog","transactionLogs","totalHits","page","transactionLog","applyFilters","module","exports","amountPlaceholder","selectedAccountBalance","selectedAccountMaxVat","refund","renderedVAT","errors","has","first","total","remove","newVal","add","field","msg"],"mappings":"sLAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,uBAAuB,CAACE,YAAYN,EAAIO,GAAG,CAAC,CAACC,IAAI,QAAQC,GAAG,WAAW,MAAO,CAACL,EAAG,MAAM,CAACM,YAAY,kBAAkB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,8CAA8CC,OAAM,GAAM,CAACN,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACL,EAAG,MAAM,CAACA,EAAG,MAAM,CAACM,YAAY,4BAA4B,CAACN,EAAG,MAAM,CAACM,YAAY,sCAAsC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,6CAA6CT,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACN,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAoBA,EAAIgB,QAAU,EAAG,aAAchB,EAAIiB,SAAW,EAAGb,EAAG,MAAM,CAACM,YAAY,4BAA4B,CAACN,EAAG,MAAM,CAACM,YAAY,+CAA+C,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,+CAA+CT,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACN,EAAG,MAAM,CAACM,YAAY,6BAA6B,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAmBA,EAAIiB,SAAS,aAAajB,EAAIkB,KAAKd,EAAG,MAAM,CAACM,YAAY,4BAA4B,CAACN,EAAG,MAAM,CAACM,YAAY,sCAAsC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,gDAAgDT,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACN,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAmBA,EAAImB,SAAS,aAAenB,EAAIoB,QAAqepB,EAAIkB,KAAhed,EAAG,MAAM,CAACM,YAAY,4BAA4B,CAACN,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,2CAA2CT,EAAG,OAAO,CAACM,YAAY,0CAA0C,CAACV,EAAIW,GAAG,iBAAiBX,EAAIY,IAAKZ,EAAIqB,kBAAkBC,OAAS,GAAK,KAAM,gBAAgBlB,EAAG,MAAM,CAACM,YAAY,2BAA2B,CAACN,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAoBA,EAAIuB,MAAQ,EAAG,eAAwBnB,EAAG,MAAM,CAACM,YAAY,uBAAuB,CAACN,EAAG,MAAM,CAACM,YAAY,0CAA0C,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,0CAA0CT,EAAG,OAAO,CAACM,YAAY,2CAA2C,CAACV,EAAIW,GAAGX,EAAIY,IAAKZ,EAAIwB,eAAiB,GAAK,QAASpB,EAAG,MAAM,CAACM,YAAY,2BAA2B,CAACN,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAmBA,EAAIyB,IAAI,eAAeX,OAAM,GAAM,CAACN,IAAI,SAASC,GAAG,WAAW,MAAO,CAACL,EAAG,MAAM,CAACM,YAAY,4BAA4B,CAACN,EAAG,MAAM,CAACM,YAAY,kDAAkD,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,kDAAkDT,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACN,EAAG,MAAM,CAACM,YAAY,gCAAgC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAmBA,EAAI0B,UAAU,aAAc1B,EAAI2B,MAAQ,EAAGvB,EAAG,MAAM,CAACM,YAAY,uBAAuB,CAACN,EAAG,MAAM,CAACM,YAAY,yCAAyC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,4CAA4CT,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACN,EAAG,MAAM,CAACM,YAAY,oCAAoC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAmBA,EAAI2B,MAAM,aAAa3B,EAAIkB,KAAKd,EAAG,MAAM,CAACM,YAAY,uBAAuB,CAACN,EAAG,MAAM,CAACM,YAAY,wCAAwC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,oEAAoET,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACN,EAAG,MAAM,CAACM,YAAY,oCAAoC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAoBA,EAAI4B,SAAW,EAAG,eAAed,OAAM,QACl5Ge,EAAkB,G,kCCuFtB,GACEC,MAAO,CACLV,QAAS,CACPW,SAAS,GAGXf,OAAQ,CACNgB,UAAU,GAGZC,QAAS,CACPC,KAAMC,OACNJ,QAFN,WAGQ,OAAO9B,KAAKmC,OAAOC,QAAQ,kCAG/BC,cAAeC,QAGjBC,KAnBF,WAqBI,MAAO,CACLC,UAAW,CACT,OAAU,CACRnB,MAAO,GAET,QAAW,CACTA,MAAO,KAET,OAAU,CACRA,MAAO,GAET,SAAY,CACVA,MAAO,MAMfoB,SAAU,CACRrB,kBADJ,WAEM,OAAKpB,KAAKmB,QAIH,EAHEnB,KAAKwC,UAAUxC,KAAKqC,eAAiBrC,KAAKwC,UAAUxC,KAAKqC,eAAiBrC,KAAKwC,UAAU,WAMpGtB,SATJ,WAUM,OAAIlB,KAAKgB,SAAW,EACX,KAAf,qBAGahB,KAAKe,QAAU,GAGxB2B,aAjBJ,WAkBM,OAAO1C,KAAK2C,oBAGdnB,IArBJ,WAsBM,OAAIxB,KAAK0C,aACH1C,KAAKmB,QACAnB,KAAKkB,SAAW,KAAjC,oCAGe,KAAf,wFAGa,GAGT0B,gBAjCJ,WAkCM,OAAI5C,KAAK6C,yBACAC,WAAW,OAA1B,SAA0B,CAA1B,oCAGa,GAGTpB,MAzCJ,WA0CM,OACN,cACA,6DACA,8BAEe1B,KAAK+C,iBAGP,GAGT/B,SArDJ,WAsDM,OACN,cACA,gEACA,8BAEehB,KAAK+C,iBAGP,GAGTzB,KAjEJ,WAkEM,OAAKtB,KAAKmB,QAOH,EANEnB,KAAKgD,oBACpB,cACA,kCAOIzB,cA5EJ,WA6EM,OAAIvB,KAAK2C,mBACAG,WAAW9C,KAAKgC,QAAQiB,uBAG1B,GAGTxB,UApFJ,WAqFM,OAAIzB,KAAKmB,QACAnB,KAAKe,OAASf,KAAKgB,SAGrBhB,KAAKkD,+BAGdvB,QA5FJ,WA6FM,IAAN,0BAUM,OARI3B,KAAKmB,SAAWnB,KAAK0C,eACvBf,EAAU,KAAlB,iBAGU3B,KAAK0B,MAAQ,IACfC,GAAWmB,WAAW9C,KAAK0B,QAGtBoB,WAAWnB,KAItBwB,QAAS,CACPD,4BADJ,WAEM,OAAO,WAAb,2DAGIH,eALJ,WAMM,OAAOD,WAAW9C,KAAKe,OAASf,KAAK4C,gBAAkB,MAGzDI,oBATJ,SASA,KACM,OAAOI,EAAaC,EAAa,KAGnCV,iBAbJ,WAcM,IAAN,GACA,uCACA,uCACA,wCACA,yCACA,qCACA,sCAGM,SACN,oBACA,cACA,sCACA,iCAQIE,uBAnCJ,WAoCM,IAAN,GACA,uCACA,uCACA,wCACA,yCACA,qCACA,sCAGM,SACN,oBACA,cACA,mCACA,mCC3RuX,I,wBCQnXS,EAAY,eACd,EACAxD,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,2CCnBf,W,2CCAA,IAAIxD,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACM,YAAY,6CAA6C,CAACN,EAAG,sBAAsB,CAACoD,IAAI,QAAQ9C,YAAY,wCAAwC+C,MAAM,CAAC,GAAK,kCAAkC,MAAQ,aAAa,YAAc,aAAa,WAAa,iBAAiB,cAAgBzD,EAAI0D,YAAY,uBAAyB1D,EAAI2D,wBAAwBC,GAAG,CAAC,OAAS5D,EAAI6D,yBAAyBzD,EAAG,iBAAiB,CAACoD,IAAI,iBAAiB9C,YAAY,gCAAgC+C,MAAM,CAAC,GAAK,oCAAoC,MAAQ,iBAAiB,YAAc,iBAAiB,WAAa,WAAW,QAAUzD,EAAI8D,sBAAsBC,MAAM,CAACzC,MAAOtB,EAAiB,cAAEgE,SAAS,SAAUC,GAAMjE,EAAIsC,cAAc2B,GAAKC,WAAW,mBAAmB9D,EAAG,gBAAgB,CAACoD,IAAI,SAAS9C,YAAY,wCAAwC+C,MAAM,CAAC,GAAK,oCAAoC,MAAQ,SAAS,YAAc,SAAS,WAAa,+BAA+B,UAAY,GAAGG,GAAG,CAAC,MAAQ,SAASO,GAAQ,OAAOnE,EAAIoE,MAAM,gBAAiBpE,EAAIgB,UAAU+C,MAAM,CAACzC,MAAOtB,EAAU,OAAEgE,SAAS,SAAUC,GAAMjE,EAAIgB,OAAOiD,GAAKC,WAAW,YAAY9D,EAAG,MAAM,CAACM,YAAY,UAAU,CAACN,EAAG,YAAY,CAACM,YAAY,wBAAwB+C,MAAM,CAAC,GAAK,oCAAoCG,GAAG,CAAC,MAAQ5D,EAAIqE,kBAAkB,CAACrE,EAAIW,GAAG,WAAW,GAAGP,EAAG,WAAW,CAACqD,MAAM,CAAC,OAASzD,EAAIsE,wBAAwB,kBAAiB,GAAMV,GAAG,CAAC,gBAAgB,SAASO,GAAQnE,EAAIsE,wBAAwBH,KAAU,CAAC/D,EAAG,MAAM,CAACM,YAAY,sBAAsB,CAACN,EAAG,MAAM,CAACM,YAAY,kBAAkB+C,MAAM,CAAC,OAAS,KAAK,MAAQ,KAAK,IAAM,EAAQ,WAAmDrD,EAAG,MAAM,CAACM,YAAY,uBAAuB,CAACN,EAAG,IAAI,CAACM,YAAY,wDAAwD,CAACV,EAAIW,GAAG,2BAA2BP,EAAG,IAAI,CAACM,YAAY,wCAAwC,CAACV,EAAIW,GAAG,gDAAgDP,EAAG,IAAI,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIgB,WAAWhB,EAAIW,GAAG,QAAQP,EAAG,IAAI,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIiC,QAAUjC,EAAIiC,QAAQsC,KAAO,IAAI,QAAQvE,EAAIW,GAAG,2BAA2BP,EAAG,cAAc,CAACM,YAAY,OAAO+C,MAAM,CAAC,GAAK,6CAA6CM,MAAM,CAACzC,MAAOtB,EAAa,UAAEgE,SAAS,SAAUC,GAAMjE,EAAIwE,UAAUP,GAAKC,WAAW,cAAc,CAAC9D,EAAG,MAAM,CAACM,YAAY,gBAAgB,CAACV,EAAIW,GAAG,8EAA8E,GAAGP,EAAG,MAAM,CAACM,YAAY,uCAAuC,CAACN,EAAG,YAAY,CAACM,YAAY,kEAAkE+C,MAAM,CAAC,GAAK,gDAAgDG,GAAG,CAAC,MAAQ5D,EAAIyE,uBAAuB,CAACzE,EAAIW,GAAG,SAASP,EAAG,YAAY,CAACM,YAAY,6BAA6B+C,MAAM,CAAC,GAAK,8CAA8C,aAAa,UAAU,KAAO,UAAUG,GAAG,CAAC,MAAQ5D,EAAI0E,2BAA2B,CAAC1E,EAAIW,GAAG,SAAS,OAAOP,EAAG,WAAW,CAACqD,MAAM,CAAC,MAAQ,UAAU,OAASzD,EAAI2E,oBAAoB,kBAAiB,GAAMf,GAAG,CAAC,OAAS5D,EAAI4E,WAAW,gBAAgB,SAAST,GAAQnE,EAAI2E,oBAAoBR,KAAU,CAAC/D,EAAG,MAAM,CAACM,YAAY,iDAAiD,CAACN,EAAG,MAAM,CAACM,YAAY,QAAQ+C,MAAM,CAAC,MAAQ,QAAQ,OAAS,QAAQ,IAAM,EAAQ,WAA4DrD,EAAG,IAAI,CAACM,YAAY,yBAAyB,CAACV,EAAIW,GAAG,8DAA8DP,EAAG,YAAY,CAACM,YAAY,8BAA8B+C,MAAM,CAAC,GAAK,6CAA6CG,GAAG,CAAC,MAAQ5D,EAAI0E,2BAA2B,CAAC1E,EAAIW,GAAG,SAAS,MAAM,IACxpHkB,EAAkB,G,8CCoGtB,GACEW,KADF,WAEI,MAAO,CACLsB,qBAAsB,CAC5B,CAAQ,KAAR,OAAQ,MAAR,QACA,CAAQ,KAAR,OAAQ,MAAR,QACA,CAAQ,KAAR,QAAQ,MAAR,SACA,CAAQ,KAAR,eAAQ,MAAR,gBACA,CAAQ,KAAR,SAAQ,MAAR,WAEM9C,OAAQ,KACRsB,cAAe,GACfuC,KAAM,KACN5C,QAAS,KACTqC,yBAAyB,EACzBE,WAAW,EACXG,qBAAqB,IAIzBG,MAAO,CACLxC,cADJ,SACA,GACMrC,KAAKmE,MAAM,kBAAmBW,KAIlC3B,QAAS,CACP,gBADJ,iLAEA,wCAFA,cAEA,EAFA,gBAGA,gCAHA,cAGA,EAHA,gBAIA,+BAJA,OAIA,EAJA,OAKA,UACA,iCANA,yGASI,qBATJ,sKAUA,iCACA,aAXA,wBAYA,cACA,qBACA,eACA,iBAfA,kBAiBA,qDACA,SACA,uBACA,cApBA,OAuBA,4BACA,mBAxBA,uKA+BIsB,yBA/BJ,WAgCMzE,KAAKqE,yBAA0B,EAC/BrE,KAAK0E,qBAAsB,EAC3B1E,KAAK2E,aACLI,OAAOC,SAASC,UAElBN,WArCJ,WAsCM3E,KAAKkF,MAAM,kBAAkBP,aAC7B3E,KAAKkF,MAAM,UAAUP,aACrB3E,KAAKkF,MAAM,SAASP,aACpB3E,KAAKuE,WAAY,GAEnB,YA3CJ,oEA2CA,GA3CA,yGA4CA,2DA5CA,uBA4CA,EA5CA,EA4CA,KA5CA,kBA6CA,2EA7CA,oGA+CIb,uBA/CJ,SA+CA,GACM,IAAN,OACA,UACA,sBACM,MAAO,CACLyB,GAAIC,EACJC,MAAOC,EACPC,SAAUC,EAAaC,KAAI,SAAnC,GACU,IAAV,SACA,OACU,MAAO,CACLN,GAAIO,EACJL,MAAOM,EACP3D,QAAZ,EACY4C,KAAZ,QAKIhB,sBAlEJ,SAkEA,GACM,IAAN,qBACM5D,KAAKmE,MAAM,mBAAoBnC,GAEL,OAAtBA,EAAQ4D,WAAuB5D,EAAQ6D,YACzC7F,KAAKkF,MAAM,SAASY,mBAAmB,6CAEzC9F,KAAK4E,KAAOA,EACZ5E,KAAKgC,QAAUA,KCzM2V,I,wBCQ5WsB,EAAY,eACd,EACAxD,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,6CCnBf,W,2CCAA,IAAIxD,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACM,YAAY,kCAAkC,CAACN,EAAG,UAAU,CAACA,EAAG,SAAS,CAACqD,MAAM,CAAC,YAAY,UAAU,KAAO,0BAA0B,MAAQ,QAAQG,GAAG,CAAC,MAAQ,SAASO,GAAgC,OAAxBA,EAAO6B,iBAAwBhG,EAAIiG,QAAQ,YAAY7F,EAAG,SAAS,CAACqD,MAAM,CAAC,YAAY,UAAU,KAAO,sBAAsB,MAAQ,UAAUG,GAAG,CAAC,MAAQ,SAASO,GAAgC,OAAxBA,EAAO6B,iBAAwBhG,EAAIiG,QAAQ,eAAe,GAAG7F,EAAG,MAAM,CAACM,YAAY,yCAAyC,CAAEV,EAAmB,gBAAEI,EAAG,WAAW,CAACwD,GAAG,CAAC,mBAAmB5D,EAAI6D,sBAAsB,kBAAkB7D,EAAIkG,4BAA4B,gBAAgBlG,EAAImG,mBAAmB,KAAOnG,EAAIoG,sBAAsBpG,EAAIkB,KAAOlB,EAAIqG,gBAAwPrG,EAAIkB,KAA3Od,EAAG,aAAa,CAACwD,GAAG,CAAC,iBAAiB5D,EAAIsG,oBAAoB,OAAStG,EAAIoG,mBAAmB,kBAAkBpG,EAAIkG,4BAA4B,gBAAgBlG,EAAImG,mBAAmB,mBAAmBnG,EAAI6D,0BAAmC,GAAI7D,EAAmB,gBAAEI,EAAG,kBAAkB,CAACM,YAAY,kBAAkB+C,MAAM,CAAC,OAASzD,EAAIgB,OAAO,QAAUhB,EAAIiC,QAAQ,cAAgBjC,EAAIsC,cAAc,QAAU,UAAUtC,EAAIkB,KAAOlB,EAAIqG,gBAA0OrG,EAAIkB,KAA7Nd,EAAG,oBAAoB,CAACM,YAAY,kBAAkB+C,MAAM,CAAC,QAAUzD,EAAIiC,QAAQ,OAASjC,EAAIgB,OAAO,QAAUhB,EAAI4B,QAAQ,gBAAkB5B,EAAIuG,gBAAgB,cAAgBvG,EAAIsC,cAAc,QAAU,WAAoB,GAAGlC,EAAG,MAAM,CAACM,YAAY,gDAAgD,CAACN,EAAG,iBAAiB,CAACoD,IAAI,iBAAiB9C,YAAY,YAAY,MACnnDmB,EAAkB,G,wECqEtB,GACE2E,WAAY,CACVC,SAAJ,aACIC,WAAJ,aACIC,gBAAJ,aACIC,kBAAJ,aACIC,eAAJ,cAGErE,KATF,WAUI,MAAO,CACLP,QAAS,KACToE,iBAAiB,EACjBrF,OAAQ,KACRY,QAAS,KACTkF,gBAAiB,CACftE,KAAM,GACNuE,UAAW,GAEbzE,cAAe,KACfiE,gBAAiB,IAIrBnD,QAAS,CACP6C,QADJ,WACA,oEACMhG,KAAKoG,gBAA2B,SAATW,EACvB/G,KAAKe,OAAS,KACdf,KAAK2B,QAAU,MAGjBuE,mBAPJ,SAOA,GACMlG,KAAKe,OAASA,GAGhB6C,sBAXJ,SAWA,GACM5D,KAAKgC,QAAUA,EACfhC,KAAK2B,QAAUmB,WAAW,OAAhC,SAAgC,CAAhC,sCACM9C,KAAKsG,gBAAkBxD,WAAW,OAAxC,SAAwC,CAAxC,mCAGImD,4BAjBJ,SAiBA,GACMjG,KAAKqC,cAAgBA,EAAchB,OAGrCgF,oBArBJ,SAqBA,GACMrG,KAAK2B,QAAUA,GAGjBwE,mBAzBJ,WA0BMnG,KAAKkF,MAAM8B,eAAeC,kBCxH6T,I,yBCQzV3D,EAAY,eACd,EACAxD,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,gCCnBf4D,EAAOC,QAAU,IAA0B,sC,2CCA3C,IAAIrH,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACM,YAAY,6CAA6C,CAACN,EAAG,sBAAsB,CAACoD,IAAI,QAAQ9C,YAAY,wCAAwC+C,MAAM,CAAC,GAAK,oCAAoC,MAAQ,aAAa,YAAc,aAAa,WAAa,iBAAiB,cAAgBzD,EAAI0D,YAAY,uBAAyB1D,EAAI2D,wBAAwBC,GAAG,CAAC,OAAS5D,EAAI6D,yBAAyBzD,EAAG,iBAAiB,CAACoD,IAAI,iBAAiB9C,YAAY,gCAAgC+C,MAAM,CAAC,GAAK,sCAAsC,MAAQ,kBAAkB,YAAc,iBAAiB,WAAa,WAAW,QAAUzD,EAAI8D,sBAAsBC,MAAM,CAACzC,MAAOtB,EAAiB,cAAEgE,SAAS,SAAUC,GAAMjE,EAAIsC,cAAc2B,GAAKC,WAAW,mBAAmB9D,EAAG,gBAAgB,CAACoD,IAAI,SAAS9C,YAAY,wCAAwC+C,MAAM,CAAC,GAAK,sCAAsC,MAAQ,SAAS,YAAczD,EAAIqH,kBAAkB,KAAO,sDAAsD,WAAc,0CAA4CrH,EAAIsH,uBAAwB,UAAY,GAAG1D,GAAG,CAAC,MAAQ,SAASO,GAAQ,OAAOnE,EAAIoE,MAAM,gBAAiBpE,EAAIgB,UAAU+C,MAAM,CAACzC,MAAOtB,EAAU,OAAEgE,SAAS,SAAUC,GAAMjE,EAAIgB,OAAOiD,GAAKC,WAAW,YAAY9D,EAAG,MAAM,CAACM,YAAY,UAAU,CAACN,EAAG,YAAY,CAACM,YAAY,wBAAwB+C,MAAM,CAAC,GAAK,wCAAwCG,GAAG,CAAC,MAAQ5D,EAAIqE,kBAAkB,CAACrE,EAAIW,GAAG,aAAa,GAAGP,EAAG,WAAW,CAACqD,MAAM,CAAC,OAASzD,EAAIsE,wBAAwB,kBAAiB,GAAMV,GAAG,CAAC,gBAAgB,SAASO,GAAQnE,EAAIsE,wBAAwBH,KAAU,CAAC/D,EAAG,MAAM,CAACM,YAAY,sBAAsB,CAACN,EAAG,MAAM,CAACM,YAAY,kBAAkB+C,MAAM,CAAC,OAAS,KAAK,MAAQ,KAAK,IAAM,EAAQ,WAAmDrD,EAAG,MAAM,CAACM,YAAY,uBAAuB,CAACN,EAAG,IAAI,CAACM,YAAY,wDAAwD,CAACV,EAAIW,GAAG,yBAAyBP,EAAG,IAAI,CAACM,YAAY,wCAAwC,CAACV,EAAIW,GAAG,mDAAmDP,EAAG,IAAI,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIgB,WAAWhB,EAAIW,GAAG,QAAQP,EAAG,IAAI,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIiC,QAAUjC,EAAIiC,QAAQsC,KAAO,IAAI,QAAQvE,EAAIW,GAAG,gBAAgBX,EAAIY,GAAGZ,EAAIsC,cAAchB,OAAO,qBAAqBlB,EAAG,MAAM,CAACM,YAAY,uCAAuC,CAACN,EAAG,YAAY,CAACM,YAAY,kEAAkE+C,MAAM,CAAC,GAAK,kDAAkDG,GAAG,CAAC,MAAQ5D,EAAIyE,uBAAuB,CAACzE,EAAIW,GAAG,SAASP,EAAG,YAAY,CAACM,YAAY,wBAAwB+C,MAAM,CAAC,GAAK,gDAAgD,aAAa,UAAU,KAAO,UAAUG,GAAG,CAAC,MAAQ5D,EAAI0E,2BAA2B,CAAC1E,EAAIW,GAAG,SAAS,OAAOP,EAAG,WAAW,CAACqD,MAAM,CAAC,MAAQ,UAAU,OAASzD,EAAI2E,oBAAoB,kBAAiB,GAAMf,GAAG,CAAC,OAAS5D,EAAI4E,WAAW,gBAAgB,SAAST,GAAQnE,EAAI2E,oBAAoBR,KAAU,CAAC/D,EAAG,MAAM,CAACM,YAAY,iDAAiD,CAACN,EAAG,MAAM,CAACM,YAAY,QAAQ+C,MAAM,CAAC,MAAQ,QAAQ,OAAS,QAAQ,IAAM,EAAQ,WAA4DrD,EAAG,IAAI,CAACM,YAAY,yBAAyB,CAACV,EAAIW,GAAG,iEAAiEP,EAAG,YAAY,CAACM,YAAY,8BAA8B+C,MAAM,CAAC,GAAK,+CAA+CG,GAAG,CAAC,MAAQ5D,EAAI0E,2BAA2B,CAAC1E,EAAIW,GAAG,SAAS,MAAM,IACxgHkB,EAAkB,G,8CC8FtB,GACEW,KADF,WAEI,MAAO,CAELsB,qBAAsB,CAC5B,CAAQ,KAAR,OAAQ,MAAR,QACA,CAAQ,KAAR,OAAQ,MAAR,QACA,CAAQ,KAAR,SAAQ,MAAR,UACA,CAAQ,KAAR,SAAQ,MAAR,UACA,CAAQ,KAAR,QAAQ,MAAR,SACA,CAAQ,KAAR,OAAQ,MAAR,QACA,CAAQ,KAAR,UAAQ,MAAR,WACA,CAAQ,KAAR,WAAQ,MAAR,YACA,CAAQ,KAAR,SAAQ,MAAR,WAEMuD,kBAAmB,SACnBrG,OAAQ,KACRsB,cAAe,GACfuC,KAAM,KACN5C,QAAS,KACTqC,yBAAyB,EACzBE,WAAW,EACXG,qBAAqB,EACrB2C,uBAAwB,EACxBC,sBAAuB,IAG3BzC,MAAO,CACLxC,cADJ,SACA,GACMrC,KAAKmE,MAAM,kBAAmBW,KAIlC3B,QAAS,CACP,gBADJ,iLAEA,wCAFA,cAEA,EAFA,gBAGA,gCAHA,cAGA,EAHA,gBAIA,+BAJA,OAIA,EAJA,OAKA,UACA,iCANA,yGASI,qBATJ,oKAUA,iCACA,aAXA,wBAYA,cACA,qBACA,eAdA,kBAgBA,uDACA,SACA,yBAlBA,OAqBA,4BACA,qBAtBA,uKA6BIsB,yBA7BJ,WA8BMzE,KAAK2E,aACL3E,KAAKqE,yBAA0B,EAC/BrE,KAAK0E,qBAAsB,EAC3BK,OAAOC,SAASC,UAElBN,WAnCJ,WAoCM3E,KAAKkF,MAAM,kBAAkBP,aAC7B3E,KAAKkF,MAAM,UAAUP,aACrB3E,KAAKkF,MAAM,SAASP,aACpB3E,KAAKqH,uBAAyB,EAC9BrH,KAAKoH,kBAAoB,SACzBpH,KAAKmE,MAAM,iBAAkB,GAC7BnE,KAAKmE,MAAM,gBAAiB,GAC5BnE,KAAKuE,WAAY,GAEnB,YA7CJ,oEA6CA,GA7CA,yGA8CA,2DA9CA,uBA8CA,EA9CA,EA8CA,KA9CA,kBA+CA,2EA/CA,oGAiDIb,uBAjDJ,SAiDA,GACM,IAAN,OACA,UACA,sBACM,MAAO,CACLyB,GAAIC,EACJC,MAAOC,EACPC,SAAUC,EAAaC,KAAI,SAAnC,GACU,IAAV,SACA,OACU,MAAO,CACLN,GAAIO,EACJL,MAAOM,EACP3D,QAAZ,EACY4C,KAAZ,QAMIhB,sBArEJ,SAqEA,GACM,IAAN,qBACM5D,KAAKsH,sBAAwB,OAAnC,SAAmC,CAAnC,sBACM,IAAN,6CACMtH,KAAKqH,uBAAyBA,EAC9BrH,KAAKoH,kBAAoB,GAA/B,mCACMpH,KAAKmE,MAAM,mBAAoBnC,GAC/BhC,KAAK4E,KAAOA,EACZ5E,KAAKgC,QAAUA,KC7M6V,I,wBCQ9WsB,EAAY,eACd,EACAxD,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,gGCnBf,W,kECAA,IAAIxD,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,uBAAuB,CAACE,YAAYN,EAAIO,GAAG,CAAC,CAACC,IAAI,QAAQC,GAAG,WAAW,MAAO,CAACL,EAAG,MAAM,CAACM,YAAY,kBAAkB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,yCAAyCC,OAAM,GAAM,CAACN,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACL,EAAG,MAAM,CAACM,YAAY,4BAA4B,CAACN,EAAG,MAAM,CAACM,YAAY,sCAAsC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,mDAAmDT,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACN,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAmBA,EAAI4B,QAAQ,aAAaxB,EAAG,MAAM,CAACM,YAAY,4BAA4B,CAACN,EAAG,MAAM,CAACM,YAAY,sCAAsC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,+CAA+CT,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACN,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAmBA,EAAIwH,OAAO,aAAapH,EAAG,MAAM,CAACM,YAAY,uBAAuB,CAACN,EAAG,MAAM,CAACM,YAAY,0CAA0C,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,qCAAqCT,EAAG,MAAM,CAACM,YAAY,iCAAiC,CAACV,EAAIW,GAAGX,EAAIY,GAAIZ,EAAIwB,cAAgB,QAASpB,EAAG,MAAM,CAACM,YAAY,2BAA2B,CAACN,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAmBA,EAAIyH,YAAY,aAAczH,EAAI0H,OAAOC,IAAI,WAAYvH,EAAG,MAAM,CAACM,YAAY,uDAAuD,CAACN,EAAG,MAAM,CAACM,YAAY,QAAQ,CAACN,EAAG,MAAM,GAAG,CAACA,EAAG,UAAU,CAACM,YAAY,MAAM+C,MAAM,CAAC,KAAO,eAAe,MAAQ,UAAU,GAAK,SAAS,YAAY,UAAU,MAAQ,OAAO,GAAGrD,EAAG,MAAM,GAAG,CAACA,EAAG,OAAO,CAACM,YAAY,eAAe,CAACV,EAAIW,GAAG,iBAAiBX,EAAIY,GAAGZ,EAAI0H,OAAOE,MAAM,YAAY,wBAAwB5H,EAAIkB,OAAOJ,OAAM,GAAM,CAACN,IAAI,SAASC,GAAG,WAAW,MAAO,CAACL,EAAG,MAAM,CAACM,YAAY,4BAA4B,CAACN,EAAG,MAAM,CAACM,YAAY,kDAAkD,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,2CAA2CT,EAAG,MAAM,CAACM,YAAY,0BAA0B,CAACN,EAAG,MAAM,CAACM,YAAY,gCAAgC,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIe,GAAG,WAAPf,CAAmBA,EAAI6H,MAAM,eAAe/G,OAAM,QACpsEe,EAAkB,GCsEtB,G,oBAAA,CACEC,MAAO,CAAC,UAAW,SAAU,UAAW,kBAAmB,iBAE3DU,KAHF,WAII,MAAO,IAGTsC,MAAO,CACLrD,IADJ,SACA,GACMxB,KAAKyH,OAAOI,OAAO,WAEfC,GAAU9H,KAAKsG,iBACjBtG,KAAKyH,OAAOM,IAAI,CACdC,MAAO,UACPC,IAAKjI,KAAKY,GAAG,gDAMrB6B,SAAU,CACRmF,MADJ,WAEM,OAAO9E,WAAW9C,KAAK2B,SAAW,GAAKmB,WAAW9C,KAAKuH,QAAU,IAGnEhG,cALJ,WAMM,OAAIvB,KAAK2C,mBACAG,WAAW9C,KAAKgC,QAAQiB,uBAG1B,GAGTP,aAbJ,WAcM,OAAO1C,KAAK2C,oBAGdnB,IAjBJ,WAkBM,OAAIxB,KAAK0C,aACA,KAAf,8BAEa,GAGT8E,YAxBJ,WAyBM,OAAO,KAAb,0DAGErE,QAAS,CACPR,iBADJ,WAEM,IAAN,GACA,uCACA,uCACA,wCACA,yCACA,qCACA,sCAEM,SACN,oBACA,cACA,sCACA,oCCrIyX,I,wBCQrXW,EAAY,eACd,EACAxD,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,kECnBf,W","file":"js/chunk-71a25642.cb52f498.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RefundCard.vue?vue&type=style&index=0&id=46b10171&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('speakol-summary-card',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"title md:title\"},[_vm._v(_vm._s(_vm.$t('advertisers_fund.order_summary.title')))])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',[_c('div',{staticClass:\"flex items-baseline mb-4\"},[_c('div',{staticClass:\"w-1/2 amount-label md:amount-label\"},[_vm._v(_vm._s(_vm.$t('advertisers_fund.order_summary.amount')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")((_vm.amount || 0),'$')))])])]),(_vm.discount > 0)?_c('div',{staticClass:\"flex items-baseline mb-4\"},[_c('div',{staticClass:\"w-1/2 amount-label md:amount-label discount\"},[_vm._v(_vm._s(_vm.$t('advertisers_fund.order_summary.discount')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount md:amount discount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.discount,'$')))])])]):_vm._e(),_c('div',{staticClass:\"flex items-baseline mb-4\"},[_c('div',{staticClass:\"w-1/2 amount-label md:amount-label\"},[_vm._v(_vm._s(_vm.$t('advertisers_fund.order_summary.sub_total')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.subTotal,'$')))])])]),(!_vm.isAdmin)?_c('div',{staticClass:\"flex items-baseline mb-4\"},[_c('div',{staticClass:\"w-12 mr-4 amount-label\"},[_vm._v(_vm._s(_vm.$t('advertisers_fund.order_summary.fees')))]),_c('span',{staticClass:\"w-20 fees text-speakol-color text-base\"},[_vm._v(\"\\n            \"+_vm._s(((_vm.paymentMethodFees.value || 0) + \"%\"))+\"\\n        \")]),_c('div',{staticClass:\"w-full flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")((_vm.fees || 0),'$')))])])]):_vm._e()]),_c('div',{staticClass:\"flex items-baseline\"},[_c('div',{staticClass:\"w-12 amount-label mr-4 md:amount-label\"},[_vm._v(_vm._s(_vm.$t('advertisers_fund.order_summary.vat')))]),_c('span',{staticClass:\"w-12 percentage md:percentage text-base\"},[_vm._v(_vm._s(((_vm.vatPercentage || 0) + \"%\")))]),_c('div',{staticClass:\"w-full flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.vat,'$')))])])])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"flex items-baseline mb-2\"},[_c('div',{staticClass:\"w-1/2 amount-total-label md:amount-total-label\"},[_vm._v(_vm._s(_vm.$t('advertisers_fund.order_summary.paid_amount')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount-total md:amount-total\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.totalPaid,'$')))])])]),(_vm.bonus > 0)?_c('div',{staticClass:\"flex items-baseline\"},[_c('div',{staticClass:\"w-1/2 balance-amount-label bonus pb-2\"},[_vm._v(_vm._s(_vm.$t('advertisers_fund.order_summary.bonus')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"balance-amount md:balance-amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.bonus,'$')))])])]):_vm._e(),_c('div',{staticClass:\"flex items-baseline\"},[_c('div',{staticClass:\"w-1/2 balance-amount-label text-base\"},[_vm._v(_vm._s(_vm.$t('advertisers_fund.order_summary.amount_added_to_balance_label')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"balance-amount md:balance-amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")((_vm.balance || 0),'$')))])])])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <speakol-summary-card>\n\n    <!-- title -->\n    <template v-slot:title>\n      <div class=\"title md:title\">{{ $t('advertisers_fund.order_summary.title') }}</div>\n    </template>\n\n    <!-- body -->\n    <template v-slot:body>\n      <div>\n        <!-- Input Amount -->\n        <div class=\"flex items-baseline mb-4\">\n          <div class=\"w-1/2 amount-label md:amount-label\">{{ $t('advertisers_fund.order_summary.amount') }}</div>\n          <div class=\"w-1/2 flex justify-end\">\n            <div class=\"amount md:amount\">{{ (amount || 0) | addComma('$') }}</div>\n          </div>\n        </div>\n\n        <!-- Dicscount -->\n        <div v-if=\"discount > 0\" class=\"flex items-baseline mb-4\">\n          <div class=\"w-1/2 amount-label md:amount-label discount\">{{ $t('advertisers_fund.order_summary.discount') }}</div>\n          <div class=\"w-1/2 flex justify-end\">\n            <div class=\"amount md:amount discount\">{{ discount | addComma('$') }}</div>\n          </div>\n        </div>\n\n        <!-- Sub Total -->\n        <div class=\"flex items-baseline mb-4\">\n          <div class=\"w-1/2 amount-label md:amount-label\">{{ $t('advertisers_fund.order_summary.sub_total') }}</div>\n          <div class=\"w-1/2 flex justify-end\">\n            <div class=\"amount md:amount\">{{ subTotal | addComma('$')}}</div>\n          </div>\n        </div>\n\n        <!-- Fees -->\n        <div v-if=\"!isAdmin\" class=\"flex items-baseline mb-4\">\n          <div class=\"w-12 mr-4 amount-label\">{{ $t('advertisers_fund.order_summary.fees') }}</div>\n          <span class=\"w-20 fees text-speakol-color text-base\">\n              {{ `${paymentMethodFees.value || 0}%` }}\n          </span>\n          <div class=\"w-full flex justify-end\">\n            <div class=\"amount md:amount\">{{ (fees || 0) | addComma('$') }}</div>\n          </div>\n        </div>\n      </div>\n\n      <!-- VAT -->\n      <div class=\"flex items-baseline\">\n        <div class=\"w-12 amount-label mr-4 md:amount-label\">{{ $t('advertisers_fund.order_summary.vat') }}</div>\n        <span class=\"w-12 percentage md:percentage text-base\">{{ `${vatPercentage || 0}%` }}</span>\n        <div class=\"w-full flex justify-end\">\n          <div class=\"amount md:amount\">{{ vat | addComma('$') }}</div>\n        </div>\n      </div>\n    </template>\n\n    <!-- footer -->\n    <template v-slot:footer>\n      <div class=\"flex items-baseline mb-2\">\n        <div class=\"w-1/2 amount-total-label md:amount-total-label\">{{ $t('advertisers_fund.order_summary.paid_amount') }}</div>\n        <div class=\"w-1/2 flex justify-end\">\n          <div class=\"amount-total md:amount-total\">{{ totalPaid | addComma('$') }}</div>\n        </div>\n      </div>\n\n      <div v-if=\"bonus > 0\" class=\"flex items-baseline\">\n        <div class=\"w-1/2 balance-amount-label bonus pb-2\">{{ $t('advertisers_fund.order_summary.bonus') }}</div>\n        <div class=\"w-1/2 flex justify-end\">\n          <div class=\"balance-amount md:balance-amount\">{{ bonus | addComma('$') }}</div>\n        </div>\n      </div>\n\n      <div class=\"flex items-baseline\">\n        <div class=\"w-1/2 balance-amount-label text-base\">{{ $t('advertisers_fund.order_summary.amount_added_to_balance_label') }}</div>\n        <div class=\"w-1/2 flex justify-end\">\n          <div class=\"balance-amount md:balance-amount\">{{ (balance || 0) | addComma('$') }}</div>\n        </div>\n      </div>\n    </template>\n\n  </speakol-summary-card>\n</template>\n\n\n<script>\nimport {get} from 'lodash'\n\nexport default {\n  props: {\n    isAdmin: {\n      default: false\n    },\n\n    amount: {\n      required: true\n    },\n\n    account: {\n      type: Object,\n      default () {\n        return this.$store.getters['authentication/activeAccount']\n      }\n    },\n    paymentMethod: String\n  },\n\n  data () {\n    // TODO: get from api\n    return {\n      feesTable: {\n        'Stripe': {\n          value: 3\n        },\n        'Paytabs': {\n          value: 2.7\n        },\n        'Paypal': {\n          value: 5\n        },\n        'Checkout': {\n          value: 3\n        }\n      }\n    }\n  },\n\n  computed: {\n    paymentMethodFees () {\n      if (!this.isAdmin) {\n        return this.feesTable[this.paymentMethod] ? this.feesTable[this.paymentMethod] : this.feesTable['stripe']\n      }\n\n      return 0\n    },\n\n    subTotal () {\n      if (this.discount > 0) {\n        return (this.amount - this.discount)\n      }\n\n      return this.amount || 0\n    },\n\n    isVatEnabled () {\n      return this.isEligableForVAT()\n    },\n\n    vat () {\n      if (this.isVatEnabled) {\n        if (this.isAdmin) {\n          return this.subTotal - (this.subTotal / (1 + (this.vatPercentage / 100))) // 1.05 = 1 + 5 / 100 >> vat equation\n        }\n\n        return (this.calcPercentageValue(parseFloat(this.subTotal) + parseFloat(this.fees), this.vatPercentage))\n      }\n\n      return 0\n    },\n\n    bonusPercentage () {\n      if (this.isEligableForFreeBonus())  {\n        return parseFloat(get(this.account, 'bonus_percentage', 0))\n      }\n\n      return 0\n    },\n\n    bonus () {\n      if (\n        this.account &&\n        this.account.bonus_type === this.$constants.BONUS_TYPES.BONUS &&\n        this.isEligableForFreeBonus()\n      ) {\n        return this.calcBonusValue()\n      }\n\n      return 0\n    },\n\n    discount () {\n      if (\n        this.account &&\n        this.account.bonus_type === this.$constants.BONUS_TYPES.DISCOUNT &&\n        this.isEligableForFreeBonus()\n      ) {\n        return this.calcBonusValue()\n      }\n\n      return 0\n    },\n\n    fees () {\n      if (!this.isAdmin) {\n        return this.calcPercentageValue(\n          this.subTotal,\n          this.paymentMethodFees.value || 0\n        )\n      }\n\n      return 0\n    },\n\n    vatPercentage () {\n      if (this.isEligableForVAT())  {\n        return parseFloat(this.account.actual_vat_percentage)\n      }\n\n      return 0\n    },\n\n    totalPaid () {\n      if (this.isAdmin) {\n        return this.amount - this.discount\n      }\n\n      return this.calcRegularAccountTotalPaid()\n    },\n\n    balance () {\n      let balance = parseFloat(this.amount) // in case of discount or not\n\n      if (this.isAdmin && this.isVatEnabled) { // in case is admin and vat enabled\n        balance =  this.amount - this.vat\n      }\n\n      if (this.bonus > 0) {\n        balance += parseFloat(this.bonus) //in case of bonus\n      }\n\n      return parseFloat(balance)\n    }\n  },\n\n  methods: {\n    calcRegularAccountTotalPaid () {\n      return (parseFloat(this.subTotal) + parseFloat(this.fees) + parseFloat(this.vat))\n    },\n\n    calcBonusValue () {\n      return parseFloat(this.amount * this.bonusPercentage / 100)\n    },\n\n    calcPercentageValue (totalValue, percentage) {\n      return totalValue * percentage / 100\n    },\n\n    isEligableForVAT () {\n      const paymentMehtodsHaveVAT = [\n        this.$constants.PAYMENT_METHODS.STRIPE,\n        this.$constants.PAYMENT_METHODS.PAYPAL,\n        this.$constants.PAYMENT_METHODS.PAYTABS,\n        this.$constants.PAYMENT_METHODS.CHECKOUT,\n        this.$constants.PAYMENT_METHODS.CASH,\n        this.$constants.PAYMENT_METHODS.BANK\n      ]\n\n      if (\n        this.paymentMethod &&\n        this.account &&\n        this.account.actual_vat_percentage > 0 &&\n        paymentMehtodsHaveVAT.includes(this.paymentMethod)\n      ) {\n        return true\n      }\n\n      return false\n    },\n\n    isEligableForFreeBonus () {\n      const paymentMehtodsHaveBonus = [\n        this.$constants.PAYMENT_METHODS.STRIPE,\n        this.$constants.PAYMENT_METHODS.PAYPAL,\n        this.$constants.PAYMENT_METHODS.PAYTABS,\n        this.$constants.PAYMENT_METHODS.CHECKOUT,\n        this.$constants.PAYMENT_METHODS.CASH,\n        this.$constants.PAYMENT_METHODS.BANK\n      ]\n\n      if (\n        this.paymentMethod &&\n        this.account &&\n        this.account.bonus_percentage !== 0 &&\n        paymentMehtodsHaveBonus.includes(this.paymentMethod)\n      ) {\n        return true\n      }\n\n      return false\n    }\n  }\n}\n\n</script>\n\n\n<style lang=\"scss\" scoped>\n\n.title {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.amount-label {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  color: #2c2c2c;\n}\n\n.amount {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.amount-total-label {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.amount-total {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.balance-amount-label {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  color: #2c2c2c;\n\n  @apply whitespace-no-wrap;\n}\n\n.balance-amount {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  color: #2c2c2c;\n}\n\n.percentage {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 13px;\n  line-height: 19px;\n  color: #0092d7;\n}\n\n.bonus {\n  color: #21ba45 !important;\n}\n\n.discount {\n  font-style: normal;\n  font-weight: normal;\n  color: #db2828 !important;\n}\n\n@media (min-width: 768px) {\n  .md\\:title {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 24px;\n  }\n\n  .md\\:amount-label {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 14px;\n    line-height: 21px;\n    color: #2c2c2c;\n  }\n\n  .md\\:amount {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    color: #2c2c2c;\n  }\n\n  .md\\:amount-total-label {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 18px;\n    line-height: 24px;\n    color: #2c2c2c;\n  }\n\n  .md\\:amount-total {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 18px;\n    line-height: 24px;\n    color: #2c2c2c;\n  }\n\n  .md\\:balance-amount {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 18px;\n    color: #2c2c2c;\n  }\n\n  .md\\:percentage {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 13px;\n    line-height: 19px;\n    color: #0092d7;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FundSummaryCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FundSummaryCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FundSummaryCard.vue?vue&type=template&id=458ab944&scoped=true&\"\nimport script from \"./FundSummaryCard.vue?vue&type=script&lang=js&\"\nexport * from \"./FundSummaryCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FundSummaryCard.vue?vue&type=style&index=0&id=458ab944&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"458ab944\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FundCard.vue?vue&type=style&index=0&id=1ae586ed&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card flex flex-wrap pt-6 pb-4 px-4 lg:p-8\"},[_c('speakol-tree-select',{ref:\"email\",staticClass:\"w-full mb-10 lg:mb-5 lg:w-1/2 lg:pr-8\",attrs:{\"id\":\"system-fund-fund-tab-email-list\",\"label\":\"User Email\",\"placeholder\":\"User Email\",\"validation\":\"required|email\",\"fetchFunction\":_vm.fuzzySearch,\"transformationFunction\":_vm.transformationFunction},on:{\"select\":_vm.handleAccountSelected}}),_c('speakol-select',{ref:\"payment-method\",staticClass:\"w-full mb-10 lg:mb-5 lg:w-1/2\",attrs:{\"id\":\"system-fund-fund-tab-payment-list\",\"label\":\"Payment Method\",\"placeholder\":\"Payment Method\",\"validation\":\"required\",\"options\":_vm.paymentMethodOptions},model:{value:(_vm.paymentMethod),callback:function ($$v) {_vm.paymentMethod=$$v},expression:\"paymentMethod\"}}),_c('speakol-input',{ref:\"amount\",staticClass:\"w-full mb-10 lg:mb-8 lg:w-1/2 lg:pr-8\",attrs:{\"id\":\"system-fund-fund-tab-amount-input\",\"label\":\"Amount\",\"placeholder\":\"Amount\",\"validation\":\"required|decimal|min_value:0\",\"maxLength\":8},on:{\"input\":function($event){return _vm.$emit('amount-change', _vm.amount)}},model:{value:(_vm.amount),callback:function ($$v) {_vm.amount=$$v},expression:\"amount\"}}),_c('div',{staticClass:\"w-full\"},[_c('vs-button',{staticClass:\"button w-full lg:w-40\",attrs:{\"id\":\"system-fund-fund-tab-fund-button\"},on:{\"click\":_vm.handleFundClick}},[_vm._v(\"Fund\")])],1),_c('vs-popup',{attrs:{\"active\":_vm.activeConfirmFundPrompt,\"buttons-hidden\":true},on:{\"update:active\":function($event){_vm.activeConfirmFundPrompt=$event}}},[_c('div',{staticClass:\"px-6 py-10 md:p-10\"},[_c('img',{staticClass:\"mr-5 float-left\",attrs:{\"height\":\"34\",\"width\":\"34\",\"src\":require(\"@/assets/images/account-details/Question.svg\")}}),_c('div',{staticClass:\"md:flex md:flex-col\"},[_c('p',{staticClass:\"prompt-title md:prompt-title mb-5 whitespace-no-wrap\"},[_vm._v(\"Add Fund Confirmation\")]),_c('p',{staticClass:\"prompt-body mb-8 ml-0 md:prompt-body\"},[_vm._v(\"\\n            Are you sure you want to add $\"),_c('b',[_vm._v(_vm._s(_vm.amount))]),_vm._v(\" to \"),_c('b',[_vm._v(_vm._s(_vm.account ? _vm.account.name : '')+\"'s\")]),_vm._v(\" balance?\\n          \")]),_c('vs-checkbox',{staticClass:\"ml-0\",attrs:{\"id\":\"system-fund-fund-tab-transferred-checkbox\"},model:{value:(_vm.confirmed),callback:function ($$v) {_vm.confirmed=$$v},expression:\"confirmed\"}},[_c('div',{staticClass:\"prompt-check\"},[_vm._v(\"Check this box, if the client has successfully transferred the money.\")])])],1),_c('div',{staticClass:\"flex flex-wrap mt-10 md:justify-end\"},[_c('vs-button',{staticClass:\"w-full mb-4 md:mb-0 md:w-1/3 md:ml-5 md:order-last primary-btns\",attrs:{\"id\":\"system-fund-fund-tab-confirmation-yes-button\"},on:{\"click\":_vm.handleConfirmationOk}},[_vm._v(\"Yes\")]),_c('vs-button',{staticClass:\"w-full md:w-32 cancel-btns\",attrs:{\"id\":\"system-fund-fund-tab-confirmation-no-button\",\"text-color\":\"#2C2C2C\",\"type\":\"border\"},on:{\"click\":_vm.handleConfirmationCancel}},[_vm._v(\"No\")])],1)])]),_c('vs-popup',{attrs:{\"title\":\"Success\",\"active\":_vm.activeSuccessPrompt,\"buttons-hidden\":true},on:{\"cancel\":_vm.setDefault,\"update:active\":function($event){_vm.activeSuccessPrompt=$event}}},[_c('div',{staticClass:\"px-8 py-10 md:p-12 flex flex-col items-center\"},[_c('img',{staticClass:\"mb-10\",attrs:{\"width\":\"100px\",\"height\":\"100px\",\"src\":require(\"@/assets/images/account-details/icons8-approval 1.svg\")}}),_c('p',{staticClass:\"confirm-box-body mb-6\"},[_vm._v(\"\\n        The money has been successfully added.\\n      \")]),_c('vs-button',{staticClass:\"primary-btns w-full md:w-56\",attrs:{\"id\":\"system-fund-fund-tab-success-popup-button\"},on:{\"click\":_vm.handleConfirmationCancel}},[_vm._v(\"Ok\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n    <div class=\"card flex flex-wrap pt-6 pb-4 px-4 lg:p-8\">\n\n\n        <speakol-tree-select\n            id=\"system-fund-fund-tab-email-list\"\n            class=\"w-full mb-10 lg:mb-5 lg:w-1/2 lg:pr-8\"\n            label=\"User Email\"\n            placeholder=\"User Email\"\n            validation=\"required|email\"\n            :fetchFunction=\"fuzzySearch\"\n            :transformationFunction=\"transformationFunction\"\n            ref=\"email\"\n            @select=\"handleAccountSelected\"\n        >\n        </speakol-tree-select>\n\n        <speakol-select\n            id=\"system-fund-fund-tab-payment-list\"\n            class=\"w-full mb-10 lg:mb-5 lg:w-1/2\"\n            label=\"Payment Method\"\n            placeholder=\"Payment Method\"\n            v-model=\"paymentMethod\"\n            validation=\"required\"\n            :options=\"paymentMethodOptions\"\n            ref=\"payment-method\"\n        >\n        </speakol-select>\n\n        <speakol-input\n            id=\"system-fund-fund-tab-amount-input\"\n            class=\"w-full mb-10 lg:mb-8 lg:w-1/2 lg:pr-8\"\n            label=\"Amount\"\n            placeholder=\"Amount\"\n            v-model=\"amount\"\n            validation=\"required|decimal|min_value:0\"\n            ref=\"amount\"\n            :maxLength=\"8\"\n            v-on:input=\"$emit('amount-change', amount)\"\n        >\n        </speakol-input>\n\n        <!-- handle fund click -->\n        <div class=\"w-full\">\n          <vs-button id=\"system-fund-fund-tab-fund-button\" v-on:click=\"handleFundClick\" class=\"button w-full lg:w-40\">Fund</vs-button>\n        </div>\n\n        <vs-popup :active.sync=\"activeConfirmFundPrompt\" :buttons-hidden=\"true\">\n          <div class=\"px-6 py-10 md:p-10\">\n            <img\n              height=\"34\"\n              width=\"34\"\n              class=\"mr-5 float-left\"\n              src=\"@/assets/images/account-details/Question.svg\"\n            />\n            <div class=\"md:flex md:flex-col\">\n              <p class=\"prompt-title md:prompt-title mb-5 whitespace-no-wrap\">Add Fund Confirmation</p>\n              <p class=\"prompt-body mb-8 ml-0 md:prompt-body\">\n                Are you sure you want to add $<b>{{amount}}</b> to <b>{{account ? account.name : '' }}'s</b> balance?\n              </p>\n\n              <vs-checkbox id=\"system-fund-fund-tab-transferred-checkbox\" class=\"ml-0\" v-model=\"confirmed\">\n                <div class=\"prompt-check\">Check this box, if the client has successfully transferred the money.</div>\n              </vs-checkbox>\n\n            </div>\n\n\n            <div class=\"flex flex-wrap mt-10 md:justify-end\">\n              <vs-button id=\"system-fund-fund-tab-confirmation-yes-button\" @click=\"handleConfirmationOk\" class=\"w-full mb-4 md:mb-0 md:w-1/3 md:ml-5 md:order-last primary-btns\">Yes</vs-button>\n              <vs-button\n                id=\"system-fund-fund-tab-confirmation-no-button\"\n                class=\"w-full md:w-32 cancel-btns\"\n                text-color=\"#2C2C2C\"\n                type=\"border\"\n                @click=\"handleConfirmationCancel\"\n              >No</vs-button>\n            </div>\n          </div>\n        </vs-popup>\n\n\n      <!-- Success Poppup -->\n      <vs-popup title=\"Success\" @cancel=\"setDefault\" :active.sync=\"activeSuccessPrompt\" :buttons-hidden=\"true\">\n        <div class=\"px-8 py-10 md:p-12 flex flex-col items-center\">\n          <img  class=\"mb-10\" width=\"100px\" height=\"100px\" src=\"@/assets/images/account-details/icons8-approval 1.svg\">\n          <p class=\"confirm-box-body mb-6\">\n            The money has been successfully added.\n          </p>\n          <vs-button id=\"system-fund-fund-tab-success-popup-button\" v-on:click=\"handleConfirmationCancel\" class=\"primary-btns w-full md:w-56\">Ok</vs-button>\n        </div>\n      </vs-popup>\n\n\n    </div>\n</template>\n\n<script>\nimport {isEmpty} from 'lodash'\n\nexport default {\n  data () {\n    return {\n      paymentMethodOptions: [\n        { text: 'Cash', value: 'Cash' },\n        { text: 'Bank', value: 'Bank' },\n        { text: 'Bonus', value: 'Bonus' },\n        { text: 'Compensation', value: 'Compensation' },\n        { text: 'Credit', value: 'Credit' }\n      ],\n      amount: null,\n      paymentMethod: '',\n      user: null,\n      account: null,\n      activeConfirmFundPrompt: false,\n      confirmed: false,\n      activeSuccessPrompt: false\n    }\n  },\n\n  watch: {\n    paymentMethod (newPaymentMethod) {\n      this.$emit('method-selected', newPaymentMethod)\n    }\n  },\n\n  methods: {\n    async handleFundClick () {\n      const validPaymentMethod = await this.$refs['payment-method'].validate()\n      const validAmount = await this.$refs['amount'].validate()\n      const validateEmail = await this.$refs['email'].validate()\n      if (validPaymentMethod && validAmount && validateEmail) {\n        this.activeConfirmFundPrompt = true\n      }\n    },\n    async handleConfirmationOk () {\n      this.activeConfirmFundPrompt = false\n      if (this.account) {\n        const amount = this.amount\n        const paymentMethod = this.paymentMethod\n        const account = this.account\n        const confirmed = this.confirmed\n        try {\n          await window.axios.post(`/accounts/${account.id}/fund`, {\n            amount,\n            payment_method: paymentMethod.value,\n            confirmed\n          })\n\n          this.activeSuccessPrompt = true\n          this.$emit('fund')\n        } catch (error) {\n          // handle error\n        }\n\n      }\n    },\n    handleConfirmationCancel () {\n      this.activeConfirmFundPrompt = false\n      this.activeSuccessPrompt = false\n      this.setDefault()\n      window.location.reload()\n    },\n    setDefault () {\n      this.$refs['payment-method'].setDefault()\n      this.$refs['amount'].setDefault()\n      this.$refs['email'].setDefault()\n      this.confirmed = false\n    },\n    async fuzzySearch (searchQuery) {\n      const { data } = await window.axios.get(`/users/${searchQuery}/accounts/personal`)\n      return data.filter((obj) => !isEmpty(obj.personal_accounts))\n    },\n    transformationFunction (user) {\n      const userId = user.id\n      const userEmail = user.email\n      const userAccounts = user.personal_accounts\n      return {\n        id: userId,\n        label: userEmail,\n        children: userAccounts.map((account) => {\n          const accountName = account.name\n          const accountId = account.id\n          return {\n            id: accountId,\n            label: accountName,\n            account,\n            user\n          }\n        })\n      }\n    },\n    handleAccountSelected (node) {\n      const { user, account } = node\n      this.$emit('account-selected', account)\n\n      if (account.parent_id === null && !account.country_id) {\n        this.$refs['email'].addValidationError('You must set the country for this account')\n      }\n      this.user = user\n      this.account = account\n    }\n  }\n}\n</script>\n\n\n<style lang=\"scss\" scoped>\n    .card {\n      background: #fff;\n      border-radius: 20px;\n      border: 1px solid #f2f2f2;\n      border-radius: 15px;\n    }\n\n    .button {\n      background: #0092d7;\n      border-radius: 3px;\n      height: 40px;\n    }\n\n    .radio-btn {\n      width: 15px;\n      height: 15px;\n    }\n\n    .prompt-title {\n      font-style: normal;\n      font-weight: 500;\n      font-size: 18px;\n      line-height: 27px;\n      letter-spacing: 0.1px;\n      color: #2c2c2c;\n    }\n\n    .prompt-body {\n      font-style: normal;\n      font-weight: normal;\n      font-size: 14px;\n      line-height: 21px;\n      color: rgba(0, 0, 0, 0.56);\n    }\n\n    .prompt-check {\n      font-style: normal;\n      font-weight: normal;\n      font-size: 14px;\n      line-height: 21px;\n      color: rgba(0, 0, 0, 0.56);\n    }\n\n    @media (min-width: 768px) {\n      .md\\:prompt-title {\n        font-style: normal;\n        font-weight: 500;\n        font-size: 24px;\n        line-height: 36px;\n        letter-spacing: 0.1px;\n        color: #2c2c2c;\n      }\n\n      .md\\:prompt-body {\n        font-style: normal;\n        font-weight: normal;\n        font-size: 14px;\n        line-height: 21px;\n        color: rgba(0, 0, 0, 0.56);\n      }\n\n      .md\\:prompt-check {\n        font-style: normal;\n        font-weight: normal;\n        font-size: 14px;\n        line-height: 21px;\n        color: rgba(0, 0, 0, 0.56);\n      }\n    }\n\n    /deep/ .vs-checkbox {\n      min-width: 20px !important;\n    }\n\n    /deep/ .vs-component {\n      align-items: start;\n    }\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FundCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FundCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FundCard.vue?vue&type=template&id=1ae586ed&scoped=true&\"\nimport script from \"./FundCard.vue?vue&type=script&lang=js&\"\nexport * from \"./FundCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FundCard.vue?vue&type=style&index=0&id=1ae586ed&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1ae586ed\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RefundSummaryCard.vue?vue&type=style&index=0&id=5026ed31&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"card flex flex-wrap p-4 lg:p-8\"},[_c('vs-tabs',[_c('vs-tab',{attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-fund-accounting\",\"label\":\"Fund\"},on:{\"click\":function($event){$event.preventDefault();return _vm.display('FUND')}}}),_c('vs-tab',{attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-transaction\",\"label\":\"Refund\"},on:{\"click\":function($event){$event.preventDefault();return _vm.display('REFUND')}}})],1),_c('div',{staticClass:\"w-full mb-10 lg:mb-0 lg:w-2/3 lg:pr-8\"},[(_vm.fundTabSelected)?_c('FundCard',{on:{\"account-selected\":_vm.handleAccountSelected,\"method-selected\":_vm.handlePaymentMethodSelected,\"amount-change\":_vm.handleAmountChange,\"fund\":_vm.getTransactionLogs}}):_vm._e(),(!_vm.fundTabSelected)?_c('RefundCard',{on:{\"balance-change\":_vm.handleBalanceChange,\"refund\":_vm.getTransactionLogs,\"method-selected\":_vm.handlePaymentMethodSelected,\"amount-change\":_vm.handleAmountChange,\"account-selected\":_vm.handleAccountSelected}}):_vm._e()],1),(_vm.fundTabSelected)?_c('FundSummaryCard',{staticClass:\"w-full lg:w-1/3\",attrs:{\"amount\":_vm.amount,\"account\":_vm.account,\"paymentMethod\":_vm.paymentMethod,\"isAdmin\":\"true\"}}):_vm._e(),(!_vm.fundTabSelected)?_c('RefundSummaryCard',{staticClass:\"w-full lg:w-1/3\",attrs:{\"account\":_vm.account,\"refund\":_vm.amount,\"balance\":_vm.balance,\"maxAvailableVat\":_vm.maxAvailableVat,\"paymentMethod\":_vm.paymentMethod,\"isAdmin\":\"true\"}}):_vm._e()],1),_c('div',{staticClass:\"card px-4 pt-8 mt-4 lg:p-8 lg:pb-10 lg:mt-10\"},[_c('TransactionLog',{ref:\"transactionLog\",staticClass:\"w-full\"})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"card flex flex-wrap p-4 lg:p-8\">\n      <vs-tabs>\n        <vs-tab\n          icon-pack=\"speakol\"\n          icon=\"speakol-fund-accounting\"\n          v-on:click.prevent=\"display('FUND')\"\n          label=\"Fund\"\n        ></vs-tab>\n        <vs-tab\n          icon-pack=\"speakol\"\n          icon=\"speakol-transaction\"\n          v-on:click.prevent=\"display('REFUND')\"\n          label=\"Refund\"\n        ></vs-tab>\n      </vs-tabs>\n      <div class=\"w-full mb-10 lg:mb-0 lg:w-2/3 lg:pr-8\">\n        <FundCard\n          v-on:account-selected=\"handleAccountSelected\"\n          v-on:method-selected=\"handlePaymentMethodSelected\"\n          v-on:amount-change=\"handleAmountChange\"\n          v-on:fund=\"getTransactionLogs\"\n          v-if=\"fundTabSelected\"\n        ></FundCard>\n        <RefundCard\n          v-on:balance-change=\"handleBalanceChange\"\n          v-on:refund=\"getTransactionLogs\"\n          v-on:method-selected=\"handlePaymentMethodSelected\"\n          v-on:amount-change=\"handleAmountChange\"\n          v-on:account-selected=\"handleAccountSelected\"\n          v-if=\"!fundTabSelected\"\n        ></RefundCard>\n      </div>\n      <FundSummaryCard\n        v-if=\"fundTabSelected\"\n        class=\"w-full lg:w-1/3\"\n        :amount=\"amount\"\n        :account=\"account\"\n        :paymentMethod=\"paymentMethod\"\n        isAdmin=\"true\"\n      >\n      </FundSummaryCard>\n      <RefundSummaryCard\n        v-if=\"!fundTabSelected\"\n        class=\"w-full lg:w-1/3\"\n        :account=\"account\"\n        :refund=\"amount\"\n        :balance=\"balance\"\n        :maxAvailableVat=\"maxAvailableVat\"\n        :paymentMethod=\"paymentMethod\"\n        isAdmin=\"true\"\n      >\n      </RefundSummaryCard>\n    </div>\n    <div class=\"card px-4 pt-8 mt-4 lg:p-8 lg:pb-10 lg:mt-10\">\n      <TransactionLog class=\"w-full\" ref=\"transactionLog\" />\n    </div>\n  </div>\n</template>\n\n\n<script>\nimport FundCard from './components/FundCard.vue'\nimport RefundCard from './components/RefundCard.vue'\nimport FundSummaryCard from './components/FundSummaryCard.vue'\nimport RefundSummaryCard from './components/RefundSummaryCard.vue'\nimport TransactionLog from './components/TransactionLog'\nimport {get} from 'lodash'\n\nexport default {\n  components: {\n    FundCard,\n    RefundCard,\n    FundSummaryCard,\n    RefundSummaryCard,\n    TransactionLog\n  },\n\n  data () {\n    return {\n      account: null,\n      fundTabSelected: true,\n      amount: null,\n      balance: null,\n      transactionLogs: {\n        data: [],\n        totalHits: 0\n      },\n      paymentMethod: null,\n      maxAvailableVat: 0\n    }\n  },\n\n  methods: {\n    display (page = 'FUND') {\n      this.fundTabSelected = page === 'FUND'\n      this.amount = null\n      this.balance = null\n    },\n\n    handleAmountChange (amount) {\n      this.amount = amount\n    },\n\n    handleAccountSelected (account) {\n      this.account = account\n      this.balance = parseFloat(get(this.account, 'balance[0].balance', 0))\n      this.maxAvailableVat = parseFloat(get(this.account, 'balance[0].vat', 0))\n    },\n\n    handlePaymentMethodSelected (paymentMethod) {\n      this.paymentMethod = paymentMethod.value\n    },\n\n    handleBalanceChange (balance) {\n      this.balance = balance\n    },\n\n    getTransactionLogs () {\n      this.$refs.transactionLog.applyFilters()\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n/deep/ .total {\n  font-weight: 500 !important;\n  font-size: 14px !important;\n}\n.card {\n  background: #fff;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./fund.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./fund.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./fund.vue?vue&type=template&id=d5230920&scoped=true&\"\nimport script from \"./fund.vue?vue&type=script&lang=js&\"\nexport * from \"./fund.vue?vue&type=script&lang=js&\"\nimport style0 from \"./fund.vue?vue&type=style&index=0&id=d5230920&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d5230920\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/icons8-approval 1.fdafabd8.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card flex flex-wrap pt-6 pb-4 px-4 lg:p-8\"},[_c('speakol-tree-select',{ref:\"email\",staticClass:\"w-full mb-10 lg:mb-5 lg:w-1/2 lg:pr-8\",attrs:{\"id\":\"system-fund-refund-tab-email-list\",\"label\":\"User Email\",\"placeholder\":\"User Email\",\"validation\":\"required|email\",\"fetchFunction\":_vm.fuzzySearch,\"transformationFunction\":_vm.transformationFunction},on:{\"select\":_vm.handleAccountSelected}}),_c('speakol-select',{ref:\"payment-method\",staticClass:\"w-full mb-10 lg:mb-5 lg:w-1/2\",attrs:{\"id\":\"system-fund-refund-tab-payment-list\",\"label\":\"Payment Methods\",\"placeholder\":\"Payment Method\",\"validation\":\"required\",\"options\":_vm.paymentMethodOptions},model:{value:(_vm.paymentMethod),callback:function ($$v) {_vm.paymentMethod=$$v},expression:\"paymentMethod\"}}),_c('speakol-input',{ref:\"amount\",staticClass:\"w-full mb-10 lg:mb-8 lg:w-1/2 lg:pr-8\",attrs:{\"id\":\"system-fund-refund-tab-amount-input\",\"label\":\"Amount\",\"placeholder\":_vm.amountPlaceholder,\"hint\":\"You need to make sure that all campaigns are paused\",\"validation\":(\"required|decimal|min_value:1|max_value:\" + _vm.selectedAccountBalance),\"maxLength\":8},on:{\"input\":function($event){return _vm.$emit('amount-change', _vm.amount)}},model:{value:(_vm.amount),callback:function ($$v) {_vm.amount=$$v},expression:\"amount\"}}),_c('div',{staticClass:\"w-full\"},[_c('vs-button',{staticClass:\"button w-full lg:w-40\",attrs:{\"id\":\"system-fund-refund-tab-refund-button\"},on:{\"click\":_vm.handleFundClick}},[_vm._v(\"Refund\")])],1),_c('vs-popup',{attrs:{\"active\":_vm.activeConfirmFundPrompt,\"buttons-hidden\":true},on:{\"update:active\":function($event){_vm.activeConfirmFundPrompt=$event}}},[_c('div',{staticClass:\"px-6 py-10 md:p-10\"},[_c('img',{staticClass:\"mr-5 float-left\",attrs:{\"height\":\"34\",\"width\":\"34\",\"src\":require(\"@/assets/images/account-details/Question.svg\")}}),_c('div',{staticClass:\"md:flex md:flex-col\"},[_c('p',{staticClass:\"prompt-title md:prompt-title mb-5 whitespace-no-wrap\"},[_vm._v(\"Refund Confirmation\")]),_c('p',{staticClass:\"prompt-body mb-8 ml-0 md:prompt-body\"},[_vm._v(\"\\n            Are you sure you want to refund $\"),_c('b',[_vm._v(_vm._s(_vm.amount))]),_vm._v(\" to \"),_c('b',[_vm._v(_vm._s(_vm.account ? _vm.account.name : '')+\"'s\")]),_vm._v(\" account via \"+_vm._s(_vm.paymentMethod.value)+\"?\\n          \")])]),_c('div',{staticClass:\"flex flex-wrap mt-10 md:justify-end\"},[_c('vs-button',{staticClass:\"w-full mb-4 md:mb-0 md:w-1/3 md:ml-5 md:order-last primary-btns\",attrs:{\"id\":\"system-fund-refund-tab-confirmation-yes-button\"},on:{\"click\":_vm.handleConfirmationOk}},[_vm._v(\"Yes\")]),_c('vs-button',{staticClass:\"w-full md:w-32 no-btn\",attrs:{\"id\":\"system-fund-refund-tab-confirmation-no-button\",\"text-color\":\"#2C2C2C\",\"type\":\"border\"},on:{\"click\":_vm.handleConfirmationCancel}},[_vm._v(\"No\")])],1)])]),_c('vs-popup',{attrs:{\"title\":\"Success\",\"active\":_vm.activeSuccessPrompt,\"buttons-hidden\":true},on:{\"cancel\":_vm.setDefault,\"update:active\":function($event){_vm.activeSuccessPrompt=$event}}},[_c('div',{staticClass:\"px-8 py-10 md:p-12 flex flex-col items-center\"},[_c('img',{staticClass:\"mb-10\",attrs:{\"width\":\"100px\",\"height\":\"100px\",\"src\":require(\"@/assets/images/account-details/icons8-approval 1.svg\")}}),_c('p',{staticClass:\"confirm-box-body mb-6\"},[_vm._v(\"\\n        The money has been successfully refunded.\\n      \")]),_c('vs-button',{staticClass:\"primary-btns w-full md:w-56\",attrs:{\"id\":\"system-fund-refund-tab-success-popup-button\"},on:{\"click\":_vm.handleConfirmationCancel}},[_vm._v(\"Ok\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n    <div class=\"card flex flex-wrap pt-6 pb-4 px-4 lg:p-8\">\n\n\n        <speakol-tree-select\n            id=\"system-fund-refund-tab-email-list\"\n            class=\"w-full mb-10 lg:mb-5 lg:w-1/2 lg:pr-8\"\n            label=\"User Email\"\n            placeholder=\"User Email\"\n            validation=\"required|email\"\n            :fetchFunction=\"fuzzySearch\"\n            :transformationFunction=\"transformationFunction\"\n            ref=\"email\"\n            @select=\"handleAccountSelected\"\n        >\n        </speakol-tree-select>\n\n        <speakol-select\n            id=\"system-fund-refund-tab-payment-list\"\n            class=\"w-full mb-10 lg:mb-5 lg:w-1/2\"\n            label=\"Payment Methods\"\n            placeholder=\"Payment Method\"\n            v-model=\"paymentMethod\"\n            validation=\"required\"\n            :options=\"paymentMethodOptions\"\n            ref=\"payment-method\"\n        >\n        </speakol-select>\n\n        <speakol-input\n            id=\"system-fund-refund-tab-amount-input\"\n            class=\"w-full mb-10 lg:mb-8 lg:w-1/2 lg:pr-8\"\n            label=\"Amount\"\n            :placeholder=\"amountPlaceholder\"\n            v-model=\"amount\"\n            hint=\"You need to make sure that all campaigns are paused\"\n            :validation=\"`required|decimal|min_value:1|max_value:${selectedAccountBalance}`\"\n            ref=\"amount\"\n            :maxLength=\"8\"\n            v-on:input=\"$emit('amount-change', amount)\"\n        >\n        </speakol-input>\n\n        <!-- handle fund click -->\n        <div class=\"w-full\">\n          <vs-button id=\"system-fund-refund-tab-refund-button\" v-on:click=\"handleFundClick\" class=\"button w-full lg:w-40\">Refund</vs-button>\n        </div>\n\n        <vs-popup :active.sync=\"activeConfirmFundPrompt\" :buttons-hidden=\"true\">\n          <div class=\"px-6 py-10 md:p-10\">\n            <img\n              height=\"34\"\n              width=\"34\"\n              class=\"mr-5 float-left\"\n              src=\"@/assets/images/account-details/Question.svg\"\n            />\n            <div class=\"md:flex md:flex-col\">\n              <p class=\"prompt-title md:prompt-title mb-5 whitespace-no-wrap\">Refund Confirmation</p>\n              <p class=\"prompt-body mb-8 ml-0 md:prompt-body\">\n                Are you sure you want to refund $<b>{{amount}}</b> to <b>{{account ? account.name : '' }}'s</b> account via {{ paymentMethod.value }}?\n              </p>\n\n            </div>\n\n            <div class=\"flex flex-wrap mt-10 md:justify-end\">\n              <vs-button id=\"system-fund-refund-tab-confirmation-yes-button\" @click=\"handleConfirmationOk\" class=\"w-full mb-4 md:mb-0 md:w-1/3 md:ml-5 md:order-last primary-btns\">Yes</vs-button>\n              <vs-button\n                id=\"system-fund-refund-tab-confirmation-no-button\"\n                class=\"w-full md:w-32 no-btn\"\n                text-color=\"#2C2C2C\"\n                type=\"border\"\n                @click=\"handleConfirmationCancel\"\n              >No</vs-button>\n            </div>\n          </div>\n        </vs-popup>\n\n\n      <!-- Success Poppup -->\n      <vs-popup title=\"Success\" @cancel=\"setDefault\" :active.sync=\"activeSuccessPrompt\" :buttons-hidden=\"true\">\n        <div class=\"px-8 py-10 md:p-12 flex flex-col items-center\">\n          <img  class=\"mb-10\" width=\"100px\" height=\"100px\" src=\"@/assets/images/account-details/icons8-approval 1.svg\">\n          <p class=\"confirm-box-body mb-6\">\n            The money has been successfully refunded.\n          </p>\n          <vs-button id=\"system-fund-refund-tab-success-popup-button\" v-on:click=\"handleConfirmationCancel\" class=\"primary-btns w-full md:w-56\">Ok</vs-button>\n        </div>\n      </vs-popup>\n\n    </div>\n</template>\n\n<script>\nimport {isEmpty, get} from 'lodash'\nexport default {\n  data () {\n    return {\n      // TODO: To be called from API\n      paymentMethodOptions: [\n        { text: 'Cash', value: 'Cash' },\n        { text: 'Bank', value: 'Bank' },\n        { text: 'Paypal', value: 'Paypal' },\n        { text: 'Stripe', value: 'Stripe'},\n        { text: 'Yamen', value: 'Yamen'},\n        { text: 'Telr', value: 'Telr'},\n        { text: 'Paytabs', value: 'Paytabs'},\n        { text: 'Checkout', value: 'Checkout'},\n        { text: 'Credit', value: 'Credit' }\n      ],\n      amountPlaceholder: 'Amount',\n      amount: null,\n      paymentMethod: '',\n      user: null,\n      account: null,\n      activeConfirmFundPrompt: false,\n      confirmed: false,\n      activeSuccessPrompt: false,\n      selectedAccountBalance: 0,\n      selectedAccountMaxVat: 0\n    }\n  },\n  watch: {\n    paymentMethod (newPaymentMethod) {\n      this.$emit('method-selected', newPaymentMethod)\n    }\n  },\n\n  methods: {\n    async handleFundClick () {\n      const validPaymentMethod = await this.$refs['payment-method'].validate()\n      const validAmount = await this.$refs['amount'].validate()\n      const validateEmail = await this.$refs['email'].validate()\n      if (validPaymentMethod && validAmount && validateEmail) {\n        this.activeConfirmFundPrompt = true\n      }\n    },\n    async handleConfirmationOk () {\n      this.activeConfirmFundPrompt = false\n      if (this.account) {\n        const amount = this.amount\n        const paymentMethod = this.paymentMethod\n        const account = this.account\n        try {\n          await window.axios.post(`/accounts/${account.id}/refund`, {\n            amount,\n            payment_method: paymentMethod.value\n          })\n\n          this.activeSuccessPrompt = true\n          this.$emit('refund')\n        } catch (error) {\n          // handle error\n        }\n\n      }\n    },\n    handleConfirmationCancel () {\n      this.setDefault()\n      this.activeConfirmFundPrompt = false\n      this.activeSuccessPrompt = false\n      window.location.reload()\n    },\n    setDefault () {\n      this.$refs['payment-method'].setDefault()\n      this.$refs['amount'].setDefault()\n      this.$refs['email'].setDefault()\n      this.selectedAccountBalance = 0\n      this.amountPlaceholder = 'Amount'\n      this.$emit('balance-change', 0)\n      this.$emit('amount-change', 0)\n      this.confirmed = false\n    },\n    async fuzzySearch (searchQuery) {\n      const { data } = await window.axios.get(`/users/${searchQuery}/accounts/personal`)\n      return data.filter((obj) => !isEmpty(obj.personal_accounts))\n    },\n    transformationFunction (user) {\n      const userId = user.id\n      const userEmail = user.email\n      const userAccounts = user.personal_accounts\n      return {\n        id: userId,\n        label: userEmail,\n        children: userAccounts.map((account) => {\n          const accountName = account.name\n          const accountId = account.id\n          return {\n            id: accountId,\n            label: accountName,\n            account,\n            user\n          }\n        })\n      }\n    },\n\n    handleAccountSelected (node) {\n      const { user, account } = node\n      this.selectedAccountMaxVat = get(account, 'balance[0].vat', 0)\n      const selectedAccountBalance = get(account, 'balance[0].balance', 0)\n      this.selectedAccountBalance = selectedAccountBalance\n      this.amountPlaceholder = `${selectedAccountBalance} is the maximum amount`\n      this.$emit('account-selected', account)\n      this.user = user\n      this.account = account\n    }\n\n\n  }\n}\n</script>\n\n\n<style lang=\"scss\" scoped>\n\n    .no-btn {\n      border: 2px solid #d9d9d9;\n    }\n\n    .card {\n      background: #fff;\n      border-radius: 20px;\n      border: 1px solid #f2f2f2;\n      border-radius: 15px;\n    }\n\n    .button {\n      background: #0092d7;\n      border-radius: 3px;\n      height: 40px;\n    }\n\n    .radio-btn {\n      width: 15px;\n      height: 15px;\n    }\n\n    .prompt-title {\n      font-style: normal;\n      font-weight: 500;\n      font-size: 18px;\n      line-height: 27px;\n      letter-spacing: 0.1px;\n      color: #2c2c2c;\n    }\n\n    .prompt-body {\n      font-style: normal;\n      font-weight: normal;\n      font-size: 14px;\n      line-height: 21px;\n      color: rgba(0, 0, 0, 0.56);\n    }\n\n    .prompt-check {\n      font-style: normal;\n      font-weight: normal;\n      font-size: 14px;\n      line-height: 21px;\n      color: rgba(0, 0, 0, 0.56);\n    }\n\n    @media (min-width: 768px) {\n      .md\\:prompt-title {\n        font-style: normal;\n        font-weight: 500;\n        font-size: 24px;\n        line-height: 36px;\n        letter-spacing: 0.1px;\n        color: #2c2c2c;\n      }\n\n      .md\\:prompt-body {\n        font-style: normal;\n        font-weight: normal;\n        font-size: 14px;\n        line-height: 21px;\n        color: rgba(0, 0, 0, 0.56);\n      }\n    }\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RefundCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RefundCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RefundCard.vue?vue&type=template&id=46b10171&scoped=true&\"\nimport script from \"./RefundCard.vue?vue&type=script&lang=js&\"\nexport * from \"./RefundCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RefundCard.vue?vue&type=style&index=0&id=46b10171&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"46b10171\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./fund.vue?vue&type=style&index=0&id=d5230920&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('speakol-summary-card',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"title md:title\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.title')))])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{staticClass:\"flex items-baseline mb-6\"},[_c('div',{staticClass:\"w-1/2 amount-label md:amount-label\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.available_balance')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.balance,'$')))])])]),_c('div',{staticClass:\"flex items-baseline mb-6\"},[_c('div',{staticClass:\"w-1/2 amount-label md:amount-label\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.refund_amount')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.refund,'$')))])])]),_c('div',{staticClass:\"flex items-baseline\"},[_c('div',{staticClass:\"w-12 amount-label mr-4 md:amount-label\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.vat')))]),_c('div',{staticClass:\"w-12 percentage md:percentage\"},[_vm._v(_vm._s((_vm.vatPercentage + \"%\")))]),_c('div',{staticClass:\"w-full flex justify-end\"},[_c('div',{staticClass:\"amount md:amount\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.renderedVAT,'$')))])])]),(_vm.errors.has('max_vat'))?_c('div',{staticClass:\"notifications-bar items-center border-speakol-color\"},[_c('div',{staticClass:\"flex\"},[_c('div',{},[_c('vs-icon',{staticClass:\"l-2\",attrs:{\"icon\":\"speakol-info\",\"color\":\"#1890FF\",\"bg\":\"FDF5E1\",\"icon-pack\":\"speakol\",\"round\":\"\"}})],1),_c('div',{},[_c('span',{staticClass:\"vat-warning\"},[_vm._v(\"\\n            \"+_vm._s(_vm.errors.first('max_vat'))+\"\\n          \")])])])]):_vm._e()]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"flex items-baseline mb-2\"},[_c('div',{staticClass:\"w-1/2 amount-total-label md:amount-total-label\"},[_vm._v(_vm._s(_vm.$t('system_fund.order_summary.remaining')))]),_c('div',{staticClass:\"w-1/2 flex justify-end\"},[_c('div',{staticClass:\"amount-total md:amount-total\"},[_vm._v(_vm._s(_vm._f(\"addComma\")(_vm.total,'$')))])])])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <speakol-summary-card>\n\n    <!-- title -->\n    <template v-slot:title>\n      <div class=\"title md:title\">{{ $t('system_fund.order_summary.title') }}</div>\n    </template>\n\n    <!-- body -->\n    <template v-slot:body>\n\n      <!-- Available Balance -->\n      <div class=\"flex items-baseline mb-6\">\n        <div class=\"w-1/2 amount-label md:amount-label\">{{ $t('system_fund.order_summary.available_balance') }}</div>\n        <div class=\"w-1/2 flex justify-end\">\n          <div class=\"amount md:amount\">{{ balance | addComma('$') }}</div>\n        </div>\n      </div>\n\n\n      <!-- Refund amount -->\n      <div class=\"flex items-baseline mb-6\">\n        <div class=\"w-1/2 amount-label md:amount-label\">{{ $t('system_fund.order_summary.refund_amount') }}</div>\n        <div class=\"w-1/2 flex justify-end\">\n          <div class=\"amount md:amount\">{{  refund | addComma('$') }}</div>\n        </div>\n      </div>\n\n      <!-- VAT -->\n      <div class=\"flex items-baseline\">\n        <div class=\"w-12 amount-label mr-4 md:amount-label\">{{ $t('system_fund.order_summary.vat') }}</div>\n        <div class=\"w-12 percentage md:percentage\">{{ `${vatPercentage}%` }}</div>\n        <div class=\"w-full flex justify-end\">\n          <div class=\"amount md:amount\">{{ renderedVAT | addComma('$') }}</div>\n        </div>\n      </div>\n\n      <!-- MAX VAT Warning -->\n      <div class=\"notifications-bar items-center border-speakol-color\" v-if=\"errors.has('max_vat')\">\n        <div class=\"flex\">\n          <div class=\"\">\n            <vs-icon icon=\"speakol-info\" color=\"#1890FF\" class=\"l-2\" bg=\"FDF5E1\" icon-pack=\"speakol\" round></vs-icon>\n          </div>\n\n          <div class=\"\">\n            <span class=\"vat-warning\">\n              {{errors.first('max_vat')}}\n            </span>\n          </div>\n        </div>\n\n      </div>\n\n    </template>\n\n    <!-- footer -->\n    <template v-slot:footer>\n\n      <div class=\"flex items-baseline mb-2\">\n        <div class=\"w-1/2 amount-total-label md:amount-total-label\">{{ $t('system_fund.order_summary.remaining') }}</div>\n        <div class=\"w-1/2 flex justify-end\">\n          <div class=\"amount-total md:amount-total\">{{ total | addComma('$') }}</div>\n        </div>\n      </div>\n\n    </template>\n\n  </speakol-summary-card>\n</template>\n\n<script>\nexport default {\n  props: ['account', 'refund', 'balance', 'maxAvailableVat', 'paymentMethod'],\n\n  data () {\n    return {}\n  },\n\n  watch: {\n    vat (newVal) {\n      this.errors.remove('max_vat')\n\n      if (newVal >= this.maxAvailableVat) {\n        this.errors.add({\n          field: 'max_vat',\n          msg: this.$t('system_fund.order_summary.refund_max_vat')\n        })\n      }\n    }\n  },\n\n  computed: {\n    total () {\n      return parseFloat(this.balance || 0) - parseFloat(this.refund || 0)\n    },\n\n    vatPercentage () {\n      if (this.isEligableForVAT())  {\n        return parseFloat(this.account.actual_vat_percentage)\n      }\n\n      return 0\n    },\n\n    isVatEnabled () {\n      return this.isEligableForVAT()\n    },\n\n    vat () {\n      if (this.isVatEnabled) {\n        return  this.refund * this.vatPercentage / 100\n      }\n      return 0;\n    },\n\n    renderedVAT () {\n      return (this.maxAvailableVat >= this.vat ? this.vat : this.maxAvailableVat)\n    }\n  },\n  methods: {\n    isEligableForVAT () {\n      const paymentMehtodsHaveVAT = [\n        this.$constants.PAYMENT_METHODS.STRIPE,\n        this.$constants.PAYMENT_METHODS.PAYPAL,\n        this.$constants.PAYMENT_METHODS.PAYTABS,\n        this.$constants.PAYMENT_METHODS.CHECKOUT,\n        this.$constants.PAYMENT_METHODS.CASH,\n        this.$constants.PAYMENT_METHODS.BANK\n      ]\n      if (\n        this.paymentMethod &&\n        this.account &&\n        this.account.actual_vat_percentage > 0 &&\n        paymentMehtodsHaveVAT.includes(this.paymentMethod)\n      ) {\n        return true\n      }\n\n      return false\n    }\n  }\n}\n\n</script>\n\n\n<style lang=\"scss\" scoped>\n$bgColor: #e6f5fb;\n$warningTextColor: #323232;\n\n.notifications-bar {\n  padding: 12px 10px;\n  background: $bgColor;\n  box-sizing: border-box;\n  margin-top: 18px;\n  border-radius: 4px;\n  border: 1px solid;\n\n  .flex {\n    align-items: center;\n\n    i {\n      margin-right: 9px;\n    }\n  }\n\n  .vat-warning {\n    font-size: 12px;\n    margin-bottom: 12px;\n    position: relative;\n    bottom: 21%;\n    color: $warningTextColor;\n  }\n}\n\n.title {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.amount-label {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  color: #2c2c2c;\n}\n\n.amount {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.amount-total-label {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.amount-total {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2c2c2c;\n}\n\n.balance-amount-label {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  color: #2c2c2c;\n\n  @apply whitespace-no-wrap;\n}\n\n.balance-amount {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  color: #2c2c2c;\n}\n\n.percentage {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 13px;\n  line-height: 19px;\n  color: #0092d7;\n}\n\n@media (min-width: 768px) {\n  .md\\:title {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 24px;\n  }\n\n  .md\\:amount-label {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 14px;\n    line-height: 21px;\n    color: #2c2c2c;\n  }\n\n  .md\\:amount {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    color: #2c2c2c;\n  }\n\n  .md\\:amount-total-label {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 18px;\n    line-height: 24px;\n    color: #2c2c2c;\n  }\n\n  .md\\:amount-total {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 18px;\n    line-height: 24px;\n    color: #2c2c2c;\n  }\n\n  .md\\:balance-amount {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 18px;\n    color: #2c2c2c;\n  }\n\n  .md\\:percentage {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 13px;\n    line-height: 19px;\n    color: #0092d7;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RefundSummaryCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RefundSummaryCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RefundSummaryCard.vue?vue&type=template&id=5026ed31&scoped=true&\"\nimport script from \"./RefundSummaryCard.vue?vue&type=script&lang=js&\"\nexport * from \"./RefundSummaryCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RefundSummaryCard.vue?vue&type=style&index=0&id=5026ed31&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5026ed31\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FundSummaryCard.vue?vue&type=style&index=0&id=458ab944&lang=scss&scoped=true&\""],"sourceRoot":""}