@salla.sa/twilight-components
Version:
Salla Web Component
5 lines • 8.99 kB
JavaScript
var __awaiter=this&&this.__awaiter||function(t,a,l,e){function s(t){return t instanceof l?t:new l((function(a){a(t)}))}return new(l||(l=Promise))((function(l,n){function r(t){try{o(e.next(t))}catch(t){n(t)}}function i(t){try{o(e["throw"](t))}catch(t){n(t)}}function o(t){t.done?l(t.value):s(t.value).then(r,i)}o((e=e.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var l={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},e,s,n,r;return r={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function i(t){return function(a){return o([t,a])}}function o(i){if(e)throw new TypeError("Generator is already executing.");while(r&&(r=0,i[0]&&(l=0)),l)try{if(e=1,s&&(n=i[0]&2?s["return"]:i[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,i[1])).done)return n;if(s=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:l.label++;return{value:i[1],done:false};case 5:l.label++;s=i[1];i=[0];continue;case 7:i=l.ops.pop();l.trys.pop();continue;default:if(!(n=l.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){l=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){l.label=i[1];break}if(i[0]===6&&l.label<n[1]){l.label=n[1];n=i;break}if(n&&l.label<n[2]){l.label=n[2];l.ops.push(i);break}if(n[2])l.ops.pop();l.trys.pop();continue}i=a.call(t,l)}catch(t){i=[6,t];s=0}finally{e=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};
/*!
* Crafted with ❤ by Salla
*/import{r as registerInstance,h,H as Host}from"./index-DWStDVKB.js";var sallaWalletCss=".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:center !important;align-items:center !important;-ms-flex-pack:start !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";var SallaWalletTable=function(){function t(t){var a=this;registerInstance(this,t);this.isLoading=false;this.nextPageUrl="";this.handleClick=function(){a.loadMoreTransactions()}}t.prototype.componentWillLoad=function(){var t=this;return salla.onReady().then((function(){return t.loadTransactions()}))};t.prototype.loadTransactions=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,l;return __generator(this,(function(e){switch(e.label){case 0:this.isLoading=true;e.label=1;case 1:e.trys.push([1,3,4,5]);t="/balance/wallet?per_page=10&page=1";return[4,salla.api.request(t)];case 2:a=e.sent();this.nextPageUrl=a.data.transactions.next_page_url;this.transactionsArray=a.data.transactions;this.balance=a.data.balance;return[3,5];case 3:l=e.sent();console.error("Error loading wallet transactions",l);return[3,5];case 4:this.isLoading=false;return[7];case 5:return[2]}}))}))};t.prototype.loadMoreTransactions=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,l;var e;return __generator(this,(function(s){switch(s.label){case 0:this.isLoading=true;s.label=1;case 1:s.trys.push([1,3,4,5]);t=this.nextPageUrl||"/balance/wallet?page=2&per_page=10";return[4,salla.api.request(t)];case 2:a=s.sent();this.nextPageUrl=a.data.transactions.next_page_url;(e=this.transactionsArray).push.apply(e,a.data.transactions.data);this.balance=a.data.balance;return[3,5];case 3:l=s.sent();console.error("Error loading wallet transactions",l);return[3,5];case 4:this.isLoading=false;return[7];case 5:return[2]}}))}))};t.prototype.render=function(){if(this.transactionsArray.length>0){return h(Host,null,h("table",{class:"s-wallet-table"},h("tbody",{class:"s-wallet-table-tbody"},h("tr",{class:"s-table__tr"},h("td",null,h("div",{class:"s-wallet-table-balance-container"},h("i",{class:"s-wallet-table-balance-icon sicon-wallet"}),h("div",null,h("div",{innerHTML:salla.money(this.balance)}),h("div",{class:"font-normal text-gray-400"}," ",salla.lang.get("pages.wallet.balance")))))))),h("h2",{style:{"margin-top":"32px"}},salla.lang.get("pages.wallet.title")),h("table",{class:"s-wallet-table"},h("thead",{class:"s-wallet-table-head"},h("tr",{class:"s-wallet-table-head-tr"},h("th",{scope:"col"},salla.lang.get("pages.wallet.transaction_number")),h("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.amount")),h("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.date")),h("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.order_no")),h("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.expiry_date")),h("th",{scope:"col",class:"s-wallet-table-head-tr-th"},salla.lang.get("pages.wallet.transaction_type")," "))),h("tbody",{class:"s-wallet-table-tbody"},this.transactionsArray.map((function(t){return h("tr",{class:"s-wallet-table-tbody-tr s-wallet-table-tbody-tr-shadow animated"},h("td",{class:"s-wallet-table-tbody-tr-td"},h("div",{class:"s-wallet-table-tbody-tr-td-content"},h("span",{class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.transaction_number"),":"),t.id&&h("span",{class:"hidden md:inline-block"},"#",t.id),h("div",{class:"flex items-center md:hidden"},h("salla-button",{class:"relative",color:"dark",shape:"link","data-content":t.order_id},t.order_id&&h("span",null,"#",t.order_id))))),h("td",{id:"main123",class:"s-wallet-table-tbody-tr-td"},h("div",{id:"main124",class:"s-wallet-table-tbody-tr-td-content"},h("span",{id:"main125",class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.amount"),":"),h("div",{innerHTML:salla.money(t.amount)}))),h("td",{class:"s-wallet-table-tbody-tr-td"},h("div",{class:"s-wallet-table-tbody-tr-td-content"},h("span",{class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.date"),":"),t.created_at&&new Date(t.created_at*1e3).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"}))),h("td",{id:"main133",class:"s-wallet-table-tbody-tr-td"},h("div",{id:"main134",class:"s-wallet-table-tbody-tr-td-content"},h("span",{id:"main135",class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.order_no"),":"),h("span",{class:"rtl:mr-auto ltr:ml-auto md:mx-0"},t.order_id&&h("span",null,"#",t.order_id)))),h("td",{id:"main143",class:"s-wallet-table-tbody-tr-td"},h("div",{id:"main144",class:"s-wallet-table-tbody-tr-td-content"},h("span",{id:"main145",class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.expiry_date"),":"),h("span",null,t.expired_at&&new Date(t.expired_at*1e3).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"})))),h("td",{class:"s-wallet-table-tbody-tr-td"},h("div",{class:"s-wallet-table-tbody-tr-td-content"},h("div",null,h("span",{class:"s-wallet-mobile-title"},salla.lang.get("pages.wallet.transaction_type"),":")),h("div",{class:{"s-wallet-table-transaction-status-default":true,"s-wallet-table-transaction-status-cashback":t.action_type==="cashback","s-wallet-table-transaction-status-refund":t.action_type==="refund","s-wallet-table-transaction-status-purchase":t.action_type==="purchase_by_wallet"}},!!t.description&&h("i",{id:t.id.toString(),class:"sicon-information text-lg rtl:ml-4 ltr:mr-4 s-wallet-table-transaction-status-icon-success"}),!!t.description&&h("salla-tooltip",{text:t.description,targetId:t.id.toString()}),h("span",null,t.title)))))})))),h("div",{class:"s-infinite-scroll-wrapper"},!!this.nextPageUrl&&h("salla-button",{onClick:this.handleClick,loading:this.isLoading},salla.lang.get("common.elements.load_more"))))}else{return h(Host,null,h("h2",{style:{"margin-top":"32px"}},salla.lang.get("pages.wallet.title")),h("div",{class:"s-wallet-table-empty-state"},h("i",{class:"sicon-full-wallet"}),h("div",{class:"text-center p-3 text-xl font-bold "},salla.lang.get("pages.wallet.no_transactions")),h("div",{class:"text-center text-gray-400 text-sm font-normal "},salla.lang.get("pages.wallet.zero_balance")," ")))}};return t}();SallaWalletTable.style=sallaWalletCss;export{SallaWalletTable as salla_wallet};
//# sourceMappingURL=salla-wallet.entry.js.map