@salla.sa/twilight-components
Version:
Salla Web Component
5 lines • 10.6 kB
JavaScript
var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{i(r.next(e))}catch(e){o(e)}}function l(e){try{i(r["throw"](e))}catch(e){o(e)}}function i(e){e.done?n(e.value):a(e.value).then(s,l)}i((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return i([e,t])}}function i(l){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(n=0)),n)try{if(r=1,a&&(o=l[0]&2?a["return"]:l[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,l[1])).done)return o;if(a=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;a=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){n.label=l[1];break}if(l[0]===6&&n.label<o[1]){n.label=o[1];o=l;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(l);break}if(o[2])n.ops.pop();n.trys.pop();continue}l=t.call(e,n)}catch(e){l=[6,e];a=0}finally{r=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
/*!
* Crafted with ❤ by Salla
*/System.register(["./p-f422bbf9.system.js","./p-8c9d72f2.system.js","./p-8f7b9e36.system.js"],(function(e){"use strict";var t,n,r,a;return{setters:[function(e){t=e.r;n=e.h;r=e.g},function(e){a=e.H},function(){}],execute:function(){var o=":host{display:block}";var s=e("salla_orders",function(){function e(e){var n=this;t(this,e);this.params=undefined;this.loadMoreText=undefined;this.orderNumberText=salla.lang.get("pages.thank_you.order_id");this.totalOrderText=salla.lang.get("pages.orders.total");this.orderDateText=salla.lang.get("pages.orders.date");this.orderStatusText=salla.lang.get("pages.orders.status");this.noOrderText=salla.lang.get("pages.orders.non_orders");this.load_more_text_trans=salla.lang.get("common.elements.load_more");this.languageCode=salla.lang.locale;this.orders=[];this.pagination=undefined;this.hasInfiniteScroll=undefined;this.total=undefined;this.nextPage=undefined;this.showPlaceholder=undefined;salla.lang.onLoaded((function(){n.languageCode=salla.lang.locale;n.orderNumberText=salla.lang.get("pages.thank_you.order_id");n.totalOrderText=salla.lang.get("pages.orders.total");n.orderDateText=salla.lang.get("pages.orders.date");n.orderStatusText=salla.lang.get("pages.orders.status");n.noOrderText=salla.lang.get("pages.orders.non_orders");n.load_more_text_trans=salla.lang.get("common.elements.load_more")}))}e.prototype.loading=function(e){if(e===void 0){e=true}var t;var n=(t=this.status)===null||t===void 0?void 0:t.querySelector(".s-button-text");if(n){a.toggleElementClassIf(n,"s-button-hide","s-button-show",(function(){return e}));this.btnLoader.style.display=e?"inherit":"none"}};e.prototype.initiateInfiniteScroll=function(){var e=this;var t,n,r;if(!this.hasInfiniteScroll){return}if(!this.wrapper){salla.logger.error("Wrapper is undefined. Cannot initiate infinite scroll.");return}this.infiniteScroll=salla.infiniteScroll.initiate(this.wrapper,this.wrapper,{path:function(){return e.nextPage},history:false,nextPage:this.nextPage,scrollThreshold:false},true);(t=this.infiniteScroll)===null||t===void 0?void 0:t.on("request",(function(t){e.loading()}));(n=this.infiniteScroll)===null||n===void 0?void 0:n.on("load",(function(t){var n,r;e.loading(false);e.pagination=t.pagination;e.nextPage=((r=(n=t.pagination)===null||n===void 0?void 0:n.links)===null||r===void 0?void 0:r.next)||null;e.handleResponse(t.data).forEach((function(t){e.wrapper.append(t)}));var o=e.host.querySelectorAll(".s-orders-table-tbody-tr:not(.animated)");a.animateItems(o)}));(r=this.infiniteScroll)===null||r===void 0?void 0:r.on("error",(function(e){salla.logger.error("Error loading more comments:",e)}))};e.prototype.loadMore=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.infiniteScroll.loadNextPage();return[2]}))}))};e.prototype.handleResponse=function(e){var t=this;return e.map((function(e){return t.getSingleOrderItem(e)}))};e.prototype.loadInitialData=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){switch(t.label){case 0:return[4,salla.order.api.fetch(Object.assign(Object.assign({},this.params),{types:[""]})).then((function(t){var n,r,o,s;e.orders=t.data;e.hasInfiniteScroll=!!((n=t.pagination)===null||n===void 0?void 0:n.links.next);e.pagination=t.pagination;e.total=(r=t.pagination)===null||r===void 0?void 0:r.total;e.nextPage=((s=(o=t.pagination)===null||o===void 0?void 0:o.links)===null||s===void 0?void 0:s.next)||null;if(!e.orders.length){e.showPlaceholder=true;return e.loading(false)}setTimeout((function(){e.handleResponse(t.data).forEach((function(t){e.wrapper.append(t)}));e.initiateInfiniteScroll();var n=e.wrapper.querySelectorAll(".s-orders-table-tbody-tr:not(.animated)");a.animateItems(n)}),100)})).catch((function(t){e.showPlaceholder=true;e.loading(false);salla.logger.error(t)}))];case 1:t.sent();return[2]}}))}))};e.prototype.getSingleOrderItem=function(e){var t=document.createElement("tr");t.classList.add("s-orders-table-tbody-tr","s-orders-table-tbody-tr-shadow");var n=document.createElement("td");n.classList.add("s-orders-table-tbody-tr-td");var r=document.createElement("div");r.classList.add("s-orders-table-tbody-tr-td-content");var o=document.createElement("span");o.classList.add("s-orders-mobile-title");o.textContent=this.orderNumberText+":";var s=document.createElement("span");s.classList.add("s-orders-reference-id");s.textContent="#"+e.reference_id;r.appendChild(o);r.appendChild(s);if(e.source=="buy_as_gift"){var l=document.createElement("i");l.classList.add("sicon-gift-sharing","s-orders-buy-as-gift-icon");r.appendChild(l)}var i=document.createElement("a");i.href=e.url;r.appendChild(i);var d=document.createElement("div");d.classList.add("s-orders-copy-to-clipboard-button");var c=document.createElement("salla-button");c.classList.add("relative");c.setAttribute("color","dark");c.setAttribute("shape","link");c.dataset.content=e.reference_id.toString();c.addEventListener("click",(function(e){a.copyToClipboard(e);a.toggleElementClassIf(c,"copied","code-to-copy",(function(){return true}));setTimeout((function(){a.toggleElementClassIf(c,"code-to-copy","copied",(function(){return true}))}),1e3)}));var u=document.createElement("span");u.textContent="#"+e.reference_id;var p=document.createElement("i");p.classList.add("sicon-swap-stroke","s-orders-copy-to-clipboard-button-icon");var h=salla.config.get("theme.is_rtl",true);if(h){c.appendChild(p);c.appendChild(u)}else{c.appendChild(u);c.appendChild(p)}d.appendChild(c);r.appendChild(d);n.appendChild(r);t.appendChild(n);var f=document.createElement("td");f.classList.add("s-orders-table-tbody-tr-td");var m=document.createElement("div");m.classList.add("s-orders-table-tbody-tr-td-content");var g=document.createElement("span");g.classList.add("s-orders-mobile-title");g.textContent=this.totalOrderText+":";var b=document.createElement("div");b.innerHTML=salla.money(e.total);var v=document.createElement("a");v.href=e.url;m.appendChild(g);m.appendChild(b);m.appendChild(v);f.appendChild(m);t.appendChild(f);var y=document.createElement("td");y.classList.add("s-orders-table-tbody-tr-td");var x=document.createElement("div");x.classList.add("s-orders-table-tbody-tr-td-content");var C=document.createElement("span");C.classList.add("s-orders-mobile-title");C.textContent=this.orderDateText+":";var _=document.createElement("div");_.textContent=a.formatDateFromString(e.created_at.date,salla.helpers.number,this.languageCode);var E=document.createElement("a");E.href=e.url;x.appendChild(C);x.appendChild(_);x.appendChild(E);y.appendChild(x);t.appendChild(y);var w=document.createElement("td");w.classList.add("s-orders-table-tbody-tr-td");var L=document.createElement("div");L.classList.add("s-orders-table-tbody-tr-td-content");var T=document.createElement("span");T.classList.add("s-orders-mobile-title");T.textContent=this.orderStatusText+":";var S=document.createElement("span");S.classList.add("s-orders-status-container");S.style.color=e.status.color;var k=document.createElement("i");k.classList.add(e.status.icon);var I=document.createElement("span");I.textContent=e.status.name;S.appendChild(k);S.appendChild(I);L.appendChild(T);L.appendChild(S);var P=document.createElement("i");P.classList.add("sicon-star2","s-orders-status-rated",e.is_rated?"s-orders-rated-text":"s-orders-unrated-text");L.appendChild(P);var O=document.createElement("a");O.href=e.url;L.appendChild(O);w.appendChild(L);t.appendChild(w);return t};e.prototype.render=function(){var e=this;var t;if(this.showPlaceholder){return n("div",{class:"s-orders-no-content"},n("i",{class:"sicon-packed-box icon"}),n("p",null,this.noOrderText))}return n("div",{class:"s-orders-wrapper"},n("table",{class:"s-orders-table"},n("thead",{class:"s-orders-table-head"},n("tr",{class:"s-orders-table-head-tr"},n("th",{class:"s-orders-table-head-tr-th",scope:"col"},this.orderNumberText),n("th",{class:"s-orders-table-head-tr-th",scope:"col"},this.totalOrderText),n("th",{class:"s-orders-table-head-tr-th",scope:"col"},this.orderDateText),n("th",{class:"s-orders-table-head-tr-th",scope:"col"},this.orderStatusText))),n("tbody",{class:"s-orders-table-tbody",ref:function(t){return e.wrapper=t}})),this.nextPage&&n("div",{class:"s-infinite-scroll-wrapper",ref:function(t){return e.status=t}},n("button",{onClick:function(){return e.loadMore()},class:"s-infinite-scroll-btn s-button-btn s-button-primary"},n("span",{class:"s-button-text s-infinite-scroll-btn-text"},(t=this.loadMoreText)!==null&&t!==void 0?t:this.load_more_text_trans),n("span",{class:"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader",ref:function(t){return e.btnLoader=t},style:{display:"none"}}))))};e.prototype.componentWillLoad=function(){var e=this;return salla.onReady().then((function(){return e.loadInitialData()})).then((function(){return e.initiateInfiniteScroll()}))};Object.defineProperty(e.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());s.style=o}}}));
//# sourceMappingURL=p-5b2023f3.system.entry.js.map