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

Salla Web Component

var __awaiter=this&&this.__awaiter||function(t,e,r,s){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{l(s.next(t))}catch(t){o(t)}}function i(t){try{l(s["throw"](t))}catch(t){o(t)}}function l(t){t.done?r(t.value):n(t.value).then(a,i)}l((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,n,o,a;return a={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function i(t){return function(e){return l([t,e])}}function l(i){if(s)throw new TypeError("Generator is already executing.");while(a&&(a=0,i[0]&&(r=0)),r)try{if(s=1,n&&(o=i[0]&2?n["return"]:i[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;if(n=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;n=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){r.label=i[1];break}if(i[0]===6&&r.label<o[1]){r.label=o[1];o=i;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(i);break}if(o[2])r.ops.pop();r.trys.pop();continue}i=e.call(t,r)}catch(t){i=[6,t];n=0}finally{s=o=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,g as getElement}from"./index-DWStDVKB.js";import{H as Helper}from"./Helper-CzEjEM5j.js";import"./anime.es-CgtvEd63.js";var sallaOrdersCss=":host{display:block}";var SallaOrder=function(){function t(t){var e=this;registerInstance(this,t);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=[];salla.lang.onLoaded((function(){e.languageCode=salla.lang.locale;e.orderNumberText=salla.lang.get("pages.thank_you.order_id");e.totalOrderText=salla.lang.get("pages.orders.total");e.orderDateText=salla.lang.get("pages.orders.date");e.orderStatusText=salla.lang.get("pages.orders.status");e.noOrderText=salla.lang.get("pages.orders.non_orders");e.load_more_text_trans=salla.lang.get("common.elements.load_more")}))}t.prototype.loading=function(t){if(t===void 0){t=true}var e;var r=(e=this.status)===null||e===void 0?void 0:e.querySelector(".s-button-text");if(r){Helper.toggleElementClassIf(r,"s-button-hide","s-button-show",(function(){return t}));this.btnLoader.style.display=t?"inherit":"none"}};t.prototype.initiateInfiniteScroll=function(){var t=this;var e,r,s;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 t.nextPage},history:false,nextPage:this.nextPage,scrollThreshold:false},true);(e=this.infiniteScroll)===null||e===void 0?void 0:e.on("request",(function(e){t.loading()}));(r=this.infiniteScroll)===null||r===void 0?void 0:r.on("load",(function(e){var r,s;t.loading(false);t.pagination=e.pagination;t.nextPage=((s=(r=e.pagination)===null||r===void 0?void 0:r.links)===null||s===void 0?void 0:s.next)||null;t.handleResponse(e.data).forEach((function(e){t.wrapper.append(e)}));var n=t.host.querySelectorAll(".s-orders-table-tbody-tr:not(.animated)");Helper.animateItems(n)}));(s=this.infiniteScroll)===null||s===void 0?void 0:s.on("error",(function(t){salla.logger.error("Error loading more comments:",t)}))};t.prototype.loadMore=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.infiniteScroll.loadNextPage();return[2]}))}))};t.prototype.handleResponse=function(t){var e=this;return t.map((function(t){return e.getSingleOrderItem(t)}))};t.prototype.loadInitialData=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(r){switch(r.label){case 0:t=new URL(window.location.href);return[4,salla.order.api.fetch(Object.assign(Object.assign({},this.params),{types:[""],feedback_status:t.searchParams.get("feedback_status")})).then((function(t){var r,s,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=(s=t.pagination)===null||s===void 0?void 0:s.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:r.sent();return[2]}}))}))};t.prototype.getSingleOrderItem=function(t){var e=document.createElement("tr");e.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 s=document.createElement("div");s.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="#"+t.reference_id;s.appendChild(n);s.appendChild(o);if(t.source=="buy_as_gift"){var a=document.createElement("i");a.classList.add("sicon-gift-sharing","s-orders-buy-as-gift-icon");s.appendChild(a)}var i=document.createElement("a");i.href=t.url;s.appendChild(i);var l=document.createElement("div");l.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=t.reference_id.toString();d.addEventListener("click",(function(t){Helper.copyToClipboard(t);Helper.toggleElementClassIf(d,"copied","code-to-copy",(function(){return true}));setTimeout((function(){Helper.toggleElementClassIf(d,"code-to-copy","copied",(function(){return true}))}),1e3)}));var u=document.createElement("span");u.textContent="#"+t.reference_id;var c=document.createElement("i");c.classList.add("sicon-swap-stroke","s-orders-copy-to-clipboard-button-icon");var h=salla.config.get("theme.is_rtl",true);if(h){d.appendChild(c);d.appendChild(u)}else{d.appendChild(u);d.appendChild(c)}l.appendChild(d);s.appendChild(l);r.appendChild(s);e.appendChild(r);var f=document.createElement("td");f.classList.add("s-orders-table-tbody-tr-td");var v=document.createElement("div");v.classList.add("s-orders-table-tbody-tr-td-content");var b=document.createElement("span");b.classList.add("s-orders-mobile-title");b.textContent=this.totalOrderText+":";var p=document.createElement("div");p.innerHTML=salla.money(t.total);var m=document.createElement("a");m.href=t.url;v.appendChild(b);v.appendChild(p);v.appendChild(m);f.appendChild(v);e.appendChild(f);var y=document.createElement("td");y.classList.add("s-orders-table-tbody-tr-td");var g=document.createElement("div");g.classList.add("s-orders-table-tbody-tr-td-content");var _=document.createElement("span");_.classList.add("s-orders-mobile-title");_.textContent=this.orderDateText+":";var w=document.createElement("div");w.textContent=Helper.formatDateFromString(t.created_at.date,salla.helpers.number,this.languageCode);var k=document.createElement("a");k.href=t.url;g.appendChild(_);g.appendChild(w);g.appendChild(k);y.appendChild(g);e.appendChild(y);var x=document.createElement("td");x.classList.add("s-orders-table-tbody-tr-td");var H=document.createElement("div");H.classList.add("s-orders-table-tbody-tr-td-content");var j=document.createElement("span");j.classList.add("s-orders-mobile-title");j.textContent=this.orderStatusText+":";var O=document.createElement("span");O.classList.add("s-orders-status-container");O.style.color=t.status.color;var E=document.createElement("i");E.classList.add(t.status.icon);var C=document.createElement("span");C.textContent=t.status.name;O.appendChild(E);O.appendChild(C);H.appendChild(j);H.appendChild(O);var S=document.createElement("i");S.classList.add("sicon-star2","s-orders-status-rated",t.is_rated?"s-orders-rated-text":"s-orders-unrated-text");H.appendChild(S);var T=document.createElement("a");T.href=t.url;H.appendChild(T);x.appendChild(H);e.appendChild(x);return e};t.prototype.render=function(){var t=this;var e;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(e){return t.wrapper=e}})),this.nextPage&&h("div",{class:"s-infinite-scroll-wrapper",ref:function(e){return t.status=e}},h("button",{onClick:function(){return t.loadMore()},class:"s-infinite-scroll-btn s-button-btn s-button-primary"},h("span",{class:"s-button-text s-infinite-scroll-btn-text"},(e=this.loadMoreText)!==null&&e!==void 0?e:this.load_more_text_trans),h("span",{class:"s-button-loader s-button-loader-center s-infinite-scroll-btn-loader",ref:function(e){return t.btnLoader=e},style:{display:"none"}}))))};t.prototype.componentWillLoad=function(){var t=this;return salla.onReady().then((function(){return t.loadInitialData()})).then((function(){return t.initiateInfiniteScroll()}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaOrder.style=sallaOrdersCss;export{SallaOrder as salla_orders};
//# sourceMappingURL=salla-orders.entry.js.map