https://yumzy.in/1490-es2015.823ca0fefe0fd76c1afb.js

1"use strict";(self.webpackChunkyumzy=self.webpackChunkyumzy||[]).push([[1490],{41490:function(r,t,e){e.r(t),e.d(t,{OrderHistoryMobileModule:function(){return O},playerFactory:function(){return H}});var o=e(97582),n=e(37716),i=e(38583),s=e(67957),d=e(84916),a=e(83317),c=e(42549),l=e(61114),p=e(56371);let u=class{constructor(r,t,e,o){this.orderService=r,this.modalService=t,this.router=e,this.activateRoute=o,this.skeletonLoadingConfig=(0,p.RR)("SKELETON_LOADING_LOTTIE_CONFIG"),this.orderHistoryList=[],this.pageSkip=0,this.isOrderEmpty=!1,this.isApiCalled=!1,this.isContainMore=!1,this.isLoading=!0,this.activateRoute.queryParams.subscribe(r=>{console.log(r);const t=r.orderId;r.outletId;this.redirectUrl=r.redirectUrl;const e={orderId:t};t&&this.trackOrder(e)}),this.getOrderHistoryList()}getOrderHistoryList(){this.orderService.getOrderHistoryList(this.pageSkip).then(r=>{const t=r.body.data;console.log(t),this.orderHistoryList=t.orders,this.orderHistoryList.forEach(r=>{r.isGroupBuyInfo={TotalRefundAmount:0,currentRefundAmount:0,item:null,counter:0,totalItems:0}}),this.getGroupBuyInfo(),this.isLoading=!1,this.isOrderEmpty=!0,this.isApiCalled=!0,15===this.orderHistoryList.length?this.isContainMore=!0:this.isContainMore=!1},r=>{this.isLoading=!1})}onOrderItemClick(r,t){const e={queryParams:{orderId:r.orderId,redirectUrl:p.Pf.order_history}};this.router.navigate(["order-details"],e)}isOrderComplete(r){return this.orderService.orderIsComplete(r.status)}isOrderReject(r){return this.orderService.orderReject(r.status)}isOrderOnProcessing(r){return this.orderService.orderOnProcessing(r.status)}getOrderDateTime(r){return this.orderService.onGetOrderDateTime(r)}onReorderClick(r){this.router.navigate(["rest-details"],{queryParams:{outletId:r,navigateTo:this.router.url}})}onRateNowClick(r,t){t.preventDefault(),t.stopPropagation();

1const e=this.modalService.open(l.r,(0,p.iE)("RATING_MODAL_CONFIG"));e.componentInstance.modalObj=r,e.componentInstance.passRating.subscribe(r=>{if(console.log(r),r.rated){const t=this.orderHistoryList.findIndex(t=>t.orderNum===r.orderNum);this.orderHistoryList[t].rating=r.rating,this.orderHistoryList[t].rated=r.rated}})}isSameDate(r){let t=this.orderService.onGetOrderDateTime(r);return t=t.slice(0,12),this.currentGroupDate&&(this.currentGroupDate=this.currentGroupDate.slice(0,12)),this.currentGroupDate!=t&&(this.currentGroupDate=this.orderService.onGetOrderDateTime(r),this.currentOrderDate=this.currentGroupDate,!0)}isMonthNew(r){let t,e=this.orderService.onGetOrderDateTime(r);return e=e.slice(0,4),this.currentGroupDate&&(t=this.currentGroupDate.slice(0,4)),t!=e}onTrackOrderClick(r,t){console.log(r),t.preventDefault(),t.stopPropagation(),this.trackOrder(r)}trackOrder(r){const t={redirectUrl:p.Pf.order_history};this.router.navigate(["order-tracking"],{queryParams:t,state:{data:r}})}getRatingCount(r){return Array(r)}getGroupBuyInfo(){this.orderHistoryList.forEach(r=>{var t;r.isGroupBuyInfo.item=null===(t=r.grpBuy)||void 0===t?void 0:t.find(r=>(null==r?void 0:r.groupBuy)&&(null==r?void 0:r.groupBuy.hasOwnProperty("maxLimitOfUnits"))&&(null==r?void 0:r.groupBuy.maxLimitOfUnits)>0?r:null)}),console.log(this.orderHistoryList)}reOrderbtn(r,t){t.preventDefault(),t.stopPropagation(),this.reOrdered(r)}reOrdered(r){this.router.navigate(["/rest-details"],{queryParams:{outletId:r.outletId,redirectUrl:p.Pf.order_history}})}logScrollEnd(){this.isApiCalled&&this.onScrollPagination()}onScrollPagination(){return(0,o.mG)(this,void 0,void 0,function*(){this.isContainMore&&(this.pageSkip+=1,this.isApiCalled=!1,this.orderService.getOrderHistoryList(this.pageSkip).then(r=>{const t=r.body.data,e=JSON.parse(JSON.stringify(t.orders));this.orderHistoryList=this.orderHistoryList.concat(e),15===e.length?this.isContainMore=!0:this.isContainMore=!1,this.isApiCalled=!0}))})}};u.ctorParameters=()=>[{type:a.p},{type:c.FF},{type:s.F0},{type:s.gz}],u=(0,o.gn)([(0,n.Component)({template:""})],u);let y=class extends u{constructor(r,t,e,o,n){super(r,t,e,o),this.zone=n,this.titleTxt="Order History",this.navUrl="/account"}ngOnInit(){}};y.ctorParameters=()=>[{type:a.p},{type:c.FF},{type:s.F0},{type:s.gz},{type:n.NgZone}],y=(0,o.gn)([(0,n.Component)({selector:"app-order-history-mobile",template:'<app-top-header-mobile [title]="titleTxt" [url]="navUrl"></app-top-header-mobile>\n<div class="order-history-view">\n  <ion-content (ionScrollEnd)="logScrollEnd()" [scrollEvents]="true">\n    <div class="order-history">\n      <app-skeleton-loading-animation *ngIf="isLoading"></app-skeleton-loading-animation>\n      <div *ngFor="let orderHistory of orderHistoryList; index as i">\n        <div *ngIf="isMonthNew(orderHistory.creationDate) && i !== 0" class="under-line my-3"></div>\n        <div class="card-holder px-3 mx-1 py-2">\n          <p class="fs-12 sitefontbold my-2" *ngIf="isSameDate(orderHistory.creationDate)">{{currentOrderDate | date:\n            \'dd/M/yy\'}}</p>\n          <div class="order-history-card p-3" (click)="onOrderItemClick(orderHistory)">\n            <div>\n              <div class="row">\n                <div class="col-8">\n                  <p class="fs-14 fw-6 sitefontmedium limit-line-length-1"> {{orderHistory.outletName}}</p>\n                  <p class="fs-12 fw-4 sitefontnormal primary-grey-2"> Order #{{orderHistory.orderNum}}</p>\n                </div>\n                <div class="col-4 text-right">\n                  <div *ngIf="isOrderReject(orderHistory)" class="error-state-clr-red sitefontmedium fs-12">\n                    <span *ngIf="orderHistory?.status === \'enforcedCancel\' || orderHistory?.status === \'cancelled\'">\n                      Cancelled\n                    </span>\n                    <span *ngIf="orderHistory?.status === \'rejected\'">Rejected</span>\n                  </div>\n                  <div *ngIf="isOrderComplete(orderHistory)">\n                    <span class="sitefontmedium odr-compete-txt fs-12">Delivered</span>\n                  </div>\n                  \x3c!-- <div *ngIf="isOrderOnProcessing(orderHistory)">

1\n                                  <span class="sitefontmedium odr-processing-txt fs-12">Processing</span>\n                              </div> --\x3e\n                </div>\n              </div>\n              <div class="border-dashed mt-2"></div>\n              <div class="row pt-2 fs-12">\n                <div class="col-8">\n                  <p class="fw-5 item-txt sitefontnormal limit-line-length-3">\n                    {{ orderHistory.items }}\n                  </p>\n                </div>\n                <div class="col-4 p-0 pr-3 text-right">\n                  <p class="fs-12 sitefontmedium">\n                    Rs {{ orderHistory.totalAmount | number: "1.2-2" }}\n                  </p>\n                </div>\n              </div>\n              <div class="row pt-2 fs-12">\n                <div class="col">\n                  <p class="order-time-txt fs-12 sitefontmedium text-capitalize">\n                    {{ getOrderDateTime(orderHistory.creationDate) }}\n                  </p>\n                </div>\n              </div>\n              <div class="py-2"\n                *ngIf="orderHistory.isGroupBuyInfo?.item?.groupBuy && orderHistory.isGroupBuyInfo?.item?.groupBuy?.maxLimitOfUnits && orderHistory.isGroupBuyInfo?.item?.groupBuy?.maxLimitOfUnits > 0">\n                <p class="fs-12 sitefontmedium" style="color: #0B8D31;"> <span class="fs-14 fw-6 sitefontbold">Cashback\n                  awaits!</span> <span class=" d-block" style="color:#8F672A">Note: You will get a cashback only if the\n                  Group Buy goal is met!</span></p>\n                \x3c!-- <div\n                  *ngIf="orderHistory.isGroupBuyInfo?.counter > 0 && orderHistory.isGroupBuyInfo?.counter === orderHistory.isGroupBuyInfo.totalItems">\n                  <p class="fs-12 sitefontmedium" style="color: #8F672A;">Buckle up! Your group buy cashback of\n                    <b>\u20b9{{orderHistory.isGroupBuyInfo?.TotalRefundAmount}}</b> will be\n                    credited once target orders are reached!\n                  </p>\n                </div> --\x3e\n                \x3c!-- <div *ngIf="orderHistory.isGroupBuyInfo?.counter > 0 \n              && orderHistory.isGroupBuyInfo?.counter !== orderHistory.isGroupBuyInfo.totalItems">\n                  <p class="fs-12 sitefontmedium" style="color: #0B8D31;">Group buy deal(s) worth\n                    <b>\u20b9{{orderHistory.isGroupBuyInfo?.currentRefundAmount}}</b> unlocked!.\n                  </p>\n                </div> --\x3e\n                \x3c!-- <div *ngIf="orderHistory.isGroupBuyInfo?.counter <= 0 \n              && orderHistory.isGroupBuyInfo?.counter !== orderHistory.isGroupBuyInfo.totalItems">\n                  <p class="fs-12 sitefontmedium" style="color: #0B8D31;">Group Buy Deal unlocked!\n                    Your cashback of <b>\u20b9{{orderHistory.isGroupBuyInfo?.currentRefundAmount}}</b> will be credited\n                    shortly to your\n                    wallet!\n                  </p>\n                </div> --\x3e\n              </div>\n            </div>\n            <div class="pt-2">\n              <div class="row" *ngIf="!isOrderReject(orderHistory)">\n                <div class="col-4" *ngIf="isOrderComplete(orderHistory)">\n                  <div>\n                    \x3c!-- <button class="btn btn-red-bg-sm fs-13 mr-3"\n                                      (click)="onReorderClick(orderHistory?.outletId)">Reorder</button> --\x3e\n                    <button class="btn btn-red-bdr sitefontbold fs-13 track-btn primary-clr"\n                      (click)="onRateNowClick(orderHistory, $event)" *ngIf="!orderHistory?.rated">\n                      Rate Now\n                    </button>\n                  </div>\n                  <div *ngIf="orderHistory?.rated && orderHistory?.rating">\n                    \x3c!-- <p class="fs-10 fw-4 cool-grey-clr">You rated</p> --\x3e\n                    \x3c!-- <img src="" class="star-icon"> --\x3e\n                    <span class="icon-star star-icon"></span>\n                    <span class="sitefontnormal fs-12">{{ orderHistory?.rating }} | Food</span>\n                    \x3c!-- <ng-container *ngFor="let star of getRating

1Count(orderHistory?.rating)">\n                                      <img [src]="rateYellowIcon" class="star-icon">\n                                  </ng-container> --\x3e\n                  </div>\n                </div>\n                <div class="col-4" *ngIf="isOrderOnProcessing(orderHistory)">\n                  <button class="btn btn-red-bdr sitefontbold fs-13 track-btn primary-clr"\n                    (click)="onTrackOrderClick(orderHistory, $event)">\n                    Track Order\n                  </button>\n                </div>\n                <div class="col-4"></div>\n                <div *ngIf="\n                      orderHistory?.status === \'delivered\' ||\n                      orderHistory?.status === \'complete\'\n                    " class="col-4 d-flex justify-content-center align-items-center"\n                  (click)="reOrderbtn(orderHistory,$event)">\n                  <span class="fs-12 sitefontbold primary-clr d-flex align-items-center"><span\n                      class="icon-history">&nbsp;</span> REORDER</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class="image-page-center-view" *ngIf="orderHistoryList?.length === 0 && isOrderEmpty">\n        <div class="row m-0">\n          <div class="col-12 text-center">\n            <img src="assets/icon/illustration/order-history.png" height="160px" alt="" />\n            <p class="text-center mt-2 fs-12">\n              You haven\'t ordered anything yet\n            </p>\n          </div>\n        </div>\n      </div>\n      <div class="px-4 py-2" *ngIf="isContainMore">\n        <div class="order-history-card">\n          <ng-lottie [options]="skeletonLoadingConfig" [height]="130">\n          </ng-lottie>\n        </div>\n      </div>\n    </div>\n    \x3c!-- </div> --\x3e\n  </ion-content>\n  <div class="image-page-center-view" *ngIf="orderHistoryList?.length === 0 && isOrderEmpty">\n    <div class="row m-0">\n      <div class="col-12 text-center">\n        <img src="assets/icon/illustration/order-history.svg" alt="" />\n        <p class="text-center fs-12 mt-2">You haven\'t ordered anything yet</p>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!-- <div class="row m-0" *ngIf="isContainMore">\n  <ng-lottie [options]="skeletonLoadingConfig" [height]="130"> </ng-lottie>\n</div> --\x3e',styles:[d]})],y);var h=e(8032),m=e(35168),g=e(98679),v=e(63052),f=e.n(v),x=e(94490),b=e(48579);const I=[{path:"",component:y,data:{animationState:"accountSection"}}];function H(){return f()}let O=class{};O=(0,o.gn)([(0,n.NgModule)({declarations:[y,b.i],imports:[i.ez,s.Bz.forChild(I),h.p,m.Z,g.CT.forRoot({player:H}),x.Pc]})],O)},84916:function(r){r.exports=".top-heading-text {\n  padding: 70px 20px 16px 20px;\n  border-bottom: 1px solid #f1eff3;\n}\n\n.order-history-view .order-history {\n  margin-top: 6px;\n  margin-bottom: 186px;\n}\n\n.order-history-view .order-history .order-history-card {\n  border: 1px solid var(--silver);\n  border-radius: 4px;\n}\n\n.order-history-view .order-history .order-history-card .amt-txt {\n  color: var(--odr-amt-txt-clr);\n}\n\n.order-history-view .order-history .order-history-card .border-dashed {\n  border-top: 1px dashed var(--dim-gray);\n}\n\n.order-history-view .order-history .order-history-card .order-time-txt {\n  color: var(--primary-grey-2);\n}\n\n.order-history-view .order-history .order-history-card .track-btn {\n  width: -moz-max-content;\n  width: max-content;\n  max-width: 140px;\n  height: 26px;\n  border: 1px solid var(--primary-clr) !important;\n  border-radius: 4px !important;\n  background-color: #f1eff3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--primary-clr) !important;\n  text-transform: uppercase;\n  line-height: 1;\n}\n\n.order-history-view .order-history .order-history-card .track-btn:focus {\n  outline: 0 !important;\n  box-shadow: none !important;\n}\n\n.order-history-view .order-history .order-history-card .star-icon {\n  height: 0.7rem;\n  width: 0.7rem;\n  margin-right: 5px;\n  margin-top: -2px;\n  color: #ffc107 !important;\n}\n\n.order-history-view .order-history .order-history-card .odr-cancel-txt {\n  color: var(--odr-cancel-txt-clr);\n}\n\n.order-history-view .order-history .order-history-card .odr-compete-txt {\n  color: var(--odr-complete-txt-clr);\n}\n\n.order-history-view .order-history .order-history-card .odr-processing-txt {\n  color: var(--odr-processing-txt-clr);\n}\n\n.order-history-view .order-history .under-line {\n  background: var(--layout-bg-color);\n  height: 0.4rem;\n  width: 100%;\n}"}}]);