@salla.sa/twilight-components/dist/esm-es5/salla-orders.entry.js

Salla Web Component

var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function s(e){try{i(a.next(e))}catch(e){o(e)}}function l(e){try{i(a["throw"](e))}catch(e){o(e)}}function i(e){e.done?r(e.value):n(e.value).then(s,l)}i((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,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(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(r=0)),r)try{if(a=1,n&&(o=l[0]&2?n["return"]:l[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;if(n=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;n=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){r.label=l[1];break}if(l[0]===6&&r.label<o[1]){r.label=o[1];o=l;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(l);break}if(o[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];n=0}finally{a=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
/*!
 * Crafted with ❤ by Salla
 */import{r as registerInstance,h,g as getElement}from"./index-114c614f.js";import{H as Helper}from"./Helper-895025d9.js";import"./anime.es-6b92d9cd.js";var sallaOrdersCss=":host{display:block}";var SallaOrder=function(){function e(e){var t=this;registerInstance(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(){t.languageCode=salla.lang.locale;t.orderNumberText=salla.lang.get("pages.thank_you.order_id");t.totalOrderText=salla.lang.get("pages.orders.total");t.orderDateText=salla.lang.get("pages.orders.date");t.orderStatusText=salla.lang.get("pages.orders.status");t.noOrderText=salla.lang.get("pages.orders.non_orders");t.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 r=(t=this.status)===null||t===void 0?void 0:t.querySelector(".s-button-text");if(r){Helper.toggleElementClassIf(r,"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,r,a;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()}));(r=this.infiniteScroll)===null||r===void 0?void 0:r.on("load",(function(t){var r,a;e.loading(false);e.pagination=t.pagination;e.nextPage=((a=(r=t.pagination)===null||r===void 0?void 0:r.links)===null||a===void 0?void 0:a.next)||null;e.handleResponse(t.data).forEach((function(t){e.wrapper.append(t)}));var n=e.host.querySelectorAll(".s-orders-table-tbody-tr:not(.animated)");Helper.animateItems(n)}));(a=this.infiniteScroll)===null||a===void 0?void 0:a.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 r,a,n,o;e.orders=t.data;e.hasInfiniteScroll=!!((r=t.pagination)===null||r===void 0?void 0:r.links.next);e.pagination=t.pagination;e.total=(a=t.pagination)===null||a===void 0?void 0:a.total;e.nextPage=((o=(n=t.pagination)===null||n===void 0?void 0:n.links)===null||o===void 0?void 0:o.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 r=e.wrapper.querySelectorAll(".s-orders-table-tbody-tr:not(.animated)");Helper.animateItems(r)}),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 r=document.createElement("td");r.classList.add("s-orders-table-tbody-tr-td");var a=document.createElement("div");a.classList.add("s-orders-table-tbody-tr-td-content");var n=document.createElement("span");n.classList.add("s-orders-mobile-title");n.textContent=this.orderNumberText+":";var o=document.createElement("span");o.classList.add("s-orders-reference-id");o.textContent="#"+e.reference_id;a.appendChild(n);a.appendChild(o);if(e.source=="buy_as_gift"){var s=document.createElement("i");s.classList.add("sicon-gift-sharing","s-orders-buy-as-gift-icon");a.appendChild(s)}var l=document.createElement("a");l.href=e.url;a.appendChild(l);var i=document.createElement("div");i.classList.add("s-orders-copy-to-clipboard-button");var d=document.createElement("salla-button");d.classList.add("relative");d.setAttribute("color","dark");d.setAttribute("shape","link");d.dataset.content=e.reference_id.toString();d.addEventListener("click",(function(e){Helper.copyToClipboard(e);Helper.toggleElementClassIf(d,"copied","code-to-copy",(function(){return true}));setTimeout((function(){Helper.toggleElementClassIf(d,"code-to-copy","copied",(function(){return true}))}),1e3)}));var c=document.createElement("span");c.textContent="#"+e.reference_id;var u=document.createElement("i");u.classList.add("sicon-swap-stroke","s-orders-copy-to-clipboard-button-icon");var p=salla.config.get("theme.is_rtl",true);if(p){d.appendChild(u);d.appendChild(c)}else{d.appendChild(c);d.appendChild(u)}i.appendChild(d);a.appendChild(i);r.appendChild(a);t.appendChild(r);var h=document.createElement("td");h.classList.add("s-orders-table-tbody-tr-td");var f=document.createElement("div");f.classList.add("s-orders-table-tbody-tr-td-content");var m=document.createElement("span");m.classList.add("s-orders-mobile-title");m.textContent=this.totalOrderText+":";var g=document.createElement("div");g.innerHTML=salla.money(e.total);var v=document.createElement("a");v.href=e.url;f.appendChild(m);f.appendChild(g);f.appendChild(v);h.appendChild(f);t.appendChild(h);var b=document.createElement("td");b.classList.add("s-orders-table-tbody-tr-td");var y=document.createElement("div");y.classList.add("s-orders-table-tbody-tr-td-content");var x=document.createElement("span");x.classList.add("s-orders-mobile-title");x.textContent=this.orderDateText+":";var C=document.createElement("div");C.textContent=Helper.formatDateFromString(e.created_at.date,salla.helpers.number,this.languageCode);var _=document.createElement("a");_.href=e.url;y.appendChild(x);y.appendChild(C);y.appendChild(_);b.appendChild(y);t.appendChild(b);var E=document.createElement("td");E.classList.add("s-orders-table-tbody-tr-td");var w=document.createElement("div");w.classList.add("s-orders-table-tbody-tr-td-content");var S=document.createElement("span");S.classList.add("s-orders-mobile-title");S.textContent=this.orderStatusText+":";var L=document.createElement("span");L.classList.add("s-orders-status-container");L.style.color=e.status.color;var T=document.createElement("i");T.classList.add(e.status.icon);var I=document.createElement("span");I.textContent=e.status.name;L.appendChild(T);L.appendChild(I);w.appendChild(S);w.appendChild(L);var O=document.createElement("i");O.classList.add("sicon-star2","s-orders-status-rated",e.is_rated?"s-orders-rated-text":"s-orders-unrated-text");w.appendChild(O);var k=document.createElement("a");k.href=e.url;w.appendChild(k);E.appendChild(w);t.appendChild(E);return t};e.prototype.render=function(){var e=this;var t;if(this.showPlaceholder){return h("div",{class:"s-orders-no-content"},h("i",{class:"sicon-packed-box icon"}),h("p",null,this.noOrderText))}return h("div",{class:"s-orders-wrapper"},h("table",{class:"s-orders-table"},h("thead",{class:"s-orders-table-head"},h("tr",{class:"s-orders-table-head-tr"},h("th",{class:"s-orders-table-head-tr-th",scope:"col"},this.orderNumberText),h("th",{class:"s-orders-table-head-tr-th",scope:"col"},this.totalOrderText),h("th",{class:"s-orders-table-head-tr-th",scope:"col"},this.orderDateText),h("th",{class:"s-orders-table-head-tr-th",scope:"col"},this.orderStatusText))),h("tbody",{class:"s-orders-table-tbody",ref:function(t){return e.wrapper=t}})),this.nextPage&&h("div",{class:"s-infinite-scroll-wrapper",ref:function(t){return e.status=t}},h("button",{onClick:function(){return e.loadMore()},class:"s-infinite-scroll-btn s-button-btn s-button-primary"},h("span",{class:"s-button-text s-infinite-scroll-btn-text"},(t=this.loadMoreText)!==null&&t!==void 0?t:this.load_more_text_trans),h("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 getElement(this)},enumerable:false,configurable:true});return e}();SallaOrder.style=sallaOrdersCss;export{SallaOrder as salla_orders};
//# sourceMappingURL=salla-orders.entry.js.map