https://fimimall.com/chunk-DLM6KT3R.js

1import{a as I}from"./chunk-DEEP7BG3.js";import{a as le}from"./chunk-Q76UATO2.js";import{a as se}from"./chunk-GMMSICWT.js";import{a as re}from"./chunk-MUMYWNPF.js";import{b as ae}from"./chunk-37KEREEK.js";import"./chunk-DYTI2EEZ.js";import"./chunk-BXXBBWC4.js";import"./chunk-M53ID3SI.js";import"./chunk-RLDGAOJT.js";import{a as oe}from"./chunk-WF24S2NS.js";import{a as ee,b as te}from"./chunk-PIOQVQ6S.js";import"./chunk-IDZMWWW7.js";import"./chunk-CFXIRPB6.js";import"./chunk-UVFDNDSO.js";import"./chunk-7RWCIHFI.js";import"./chunk-M3WJQN6N.js";import"./chunk-52GUKEAH.js";import{a as ne}from"./chunk-VTZH4Q5V.js";import{g as H,l as V}from"./chunk-AIW6NGQE.js";import{a as v,b as S}from"./chunk-XRB4UR6S.js";import{p as ie}from"./chunk-SIXP2WTD.js";import{u as A}from"./chunk-TMDVTQWX.js";import"./chunk-FU5BHR3H.js";import"./chunk-QCTLCYBY.js";import{a as Z}from"./chunk-P6CKTGGU.js";import{b as U,c as Q,d as $,i as K,l as G,n as J,u as X,v as Y}from"./chunk-OCWIWT7G.js";import{Ac as q,Bc as W,Fb as f,Gb as M,Ib as O,Jb as P,Kb as b,Lb as c,Mb as r,Nb as s,Ob as p,Tb as E,Vb as g,Xb as d,Ya as F,_a as l,db as L,fa as w,jb as u,jc as m,kc as z,lc as D,mc as R,na as k,oa as T,od as x,pb as h,pd as j,td as N,vd as y,xc as _,yc as B}from"./chunk-CTTTDLIG.js";import"./chunk-6VS7ZC6N.js";var de=t=>({color:t}),ge=t=>({returns:t}),_e=(t,i)=>({maxWidth:t,maxHeight:i}),Ce=t=>({"box-shadow":t});function ue(t,i){if(t&1&&p(0,"fa-icon",9),t&2){let a=d(2);c("icon",a.checkIcon)}}function he(t,i){if(t&1&&(r(0,"div",1),f(1,ue,1,1,"fa-icon",9),s()),t&2){let a=d();c("ngStyle",_(2,Ce,a.selected?"none":"")),l(),M(a.selected?1:-1)}}function fe(t,i){if(t&1&&(r(0,"label",6),m(1),s()),t&2){let a=i.$implicit;l(),D(" ",a," ")}}function Me(t,i){if(t&1&&p(0,"input",8),t&2){let a=d();c("formControl",a.qty)}}var ce=(()=>{let i=class i{constructor(){this.checkIcon=A,this.options=[],this.selected=!1,this.LineItemType=I,this.maxWidth="90px",this.maxHeight="100%",this.selectable=!1,this.textColor="black",this.onselected=new L}set _lineItem(n){this.lineItem=n,this.item=n.item,this.qty=new K(1,{validators:[Q.max(this.lineItem.quantity)]}),this.item?.type===H.PRODUCTVARIANT&&this.item.variant.optionValues.forEach(e=>{this.options.push(e?.value??e?.name)})}get imgUrl(){let n=this.item?.images?.filter(o=>!!o&&!!o.url);return n?.length>0?n[0].url:""}onSelected(){this.selectable&&(this.selected=!this.selected,this.onselected.emit({lineItem:this.lineItem,qty:this.qty.value??1}))}};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=h({type:i,selectors:[["order-line-item"],["order-lineItem"]],inputs:{type:"type",maxWidth:[0,"imgMaxWidth","maxWidth"],maxHeight:[0,"imgMaxHeight","maxHeight"],selectable:"selectable",textColor:"textColor",_lineItem:[0,"lineItem","_lineItem"]},outputs:{onselected:"onSelected"},decls:13,vars:19,consts:[[1,"lineitem",3,"click","ngStyle","ngClass"],[1,"selection",3,"ngStyle"],[3,"src","alt","ngStyle"],[1,"details"],["id","name"],[1,"options"],[1,"option"],["id","priceQty"],["type","number",3,"formControl"],[3,"icon"]],template:function(o,e){o&1&&(r(0,"div",0),g("click",function(){return e.onSelected()}),f(1,he,2,4,"div",1),p(2,"img",2),r(3,"div",3)(4,"label",4),m(5),s(),r(6,"div",5),P(7,fe,2,1,"label",6,O),s(),r(9,"label",7),m(10),q(11,"currency"),s()(),f(12,Me,1,1,"input",8),s()),o&2&&(c("ngStyle",_(12,de,e.textColor))("ngClass",_(14,ge,e.type==e.LineItemType.returns)),l(),M(e.selectable?1:-1),l(),c("src",e.imgUrl,F)("alt",e.item==null?null:e.item.name)("ngStyle",B(16,_e,e.maxWidth,e.maxHeight)),l(3),z((e.item==null?null:e.item.name)??"Product"),l(2),b(e.options),l(3),R("",e.lineItem.quantity," x ",W(11,10,(e.item==null?null:e.item.price)??0)),l(2),M(e.selectable&&e.lineItem.quantity>1?12:-1))},dependencies:[y,x,j,te,ee,X,U,G,$,Y,J,N],styles:["[_nghost-%COMP%], .lineitem[_ngcontent-%COMP%]{position:relative;width:100%;display:flex;gap:20px;height:100%;margin:0}[_nghost-%COMP%]   img[_ngcontent-%COMP%], .lineitem[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{border-radius:5px}[_nghost-%COMP%]   .details[_ngcontent-%COMP%], .lineitem[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-grow:1}[_nghost-%COMP%]   .details[_ngcontent-%COMP%]   label#name[_ngcontent-%COMP%], .lineitem[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   label#name[_ngcontent-%COMP%]{font-weight:700;font-size:18.86px}

1[_nghost-%COMP%]   .details[_ngcontent-%COMP%]   label.option[_ngcontent-%COMP%], .lineitem[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   label.option[_ngcontent-%COMP%]{font-weight:300;font-size:14.67px}[_nghost-%COMP%]   .details[_ngcontent-%COMP%]   label#priceQty[_ngcontent-%COMP%], .lineitem[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   label#priceQty[_ngcontent-%COMP%]{font-weight:300;font-size:12.58px}[_nghost-%COMP%]   .details[_ngcontent-%COMP%]   .options[_ngcontent-%COMP%], .lineitem[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   .options[_ngcontent-%COMP%]{display:flex;gap:10px}.returns[_nghost-%COMP%]   .selection[_ngcontent-%COMP%], .lineitem.returns[_ngcontent-%COMP%]   .selection[_ngcontent-%COMP%]{height:41.57px;width:41.57px;margin-right:10px;align-self:center;border-radius:100%;box-shadow:inset 0 2px 4px #00000040}.returns[_nghost-%COMP%]   .selection[_ngcontent-%COMP%]   fa-icon[_ngcontent-%COMP%], .lineitem.returns[_ngcontent-%COMP%]   .selection[_ngcontent-%COMP%]   fa-icon[_ngcontent-%COMP%]{height:41.57px;width:41.57px;font-size:24px;display:flex;align-items:center;justify-content:center;color:#209f23;border-radius:100%;box-shadow:0 2px 4px #00000040}.returns[_nghost-%COMP%]   .details[_ngcontent-%COMP%], .lineitem.returns[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]{padding-top:10px}.returns[_nghost-%COMP%]   .details[_ngcontent-%COMP%]   label#name[_ngcontent-%COMP%], .lineitem.returns[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   label#name[_ngcontent-%COMP%]{font-weight:400;font-size:13px}.returns[_nghost-%COMP%]   .details[_ngcontent-%COMP%]   label.option[_ngcontent-%COMP%], .lineitem.returns[_ngcontent-%COMP%]   .details[_ngcontent-%COMP%]   label.option[_ngcontent-%COMP%]{font-weight:300;font-size:13px}.returns[_nghost-%COMP%]   input[_ngcontent-%COMP%], .lineitem.returns[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:41px;height:31px;text-align:center;border:none;border-radius:6px;box-shadow:inset 0 1px 4px #00000040}.returns[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-outer-spin-button, .returns[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-inner-spin-button, .lineitem.returns[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::-webkit-outer-spin-button, .lineitem.returns[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::-webkit-inner-spin-button{-webkit-appearance:none}@media(max-width:600px){[_nghost-%COMP%]   .lineitem[_ngcontent-%COMP%]{padding:0 20px 0 10px}[_nghost-%COMP%]   .lineitem.returns[_ngcontent-%COMP%]   .selection[_ngcontent-%COMP%]{position:absolute;background-color:#ffffffe6}[_nghost-%COMP%]   .lineitem.returns[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{align-self:center}}"]});let t=i;return t})();var Oe=t=>({isSelected:t});function Pe(t,i){if(t&1){let a=E();r(0,"order-line-item",9),g("onSelected",function(o){k(a);let e=d();return T(e.onSelected(o))}),s()}if(t&2){let a=i.$implicit,n=d();c("lineItem",a)("selectable",!0)("type",n.LineItemType.returns)("ngClass",_(4,Oe,n.selected.includes(a)))}}var Je=(()=>{let i=class i{constructor(n,o,e){this.packagesServ=o,this.router=e,this.storage=w(ne),this.LineItemType=I,this.labels=["Refund Subtotal"],this.values=[0],this.subs=[],this.selected=[],this.selectLineItems=[],this.parcel=o.parcelForReturn,this.isMobile=n.isMobile,this.subs.push(n.checkIsMobile().subscribe(C=>{this.isMobile=C}))}onBack(){this.storage.remove(v.returnCustomer),this.packagesServ.parcelForReturn=null}onSelected(n){let o=new V(n.lineItem.item.prefixId,n.qty),e=this.selected.indexOf(n.lineItem);e!==-1?(this.selected.splice(e,1),this.selectLineItems.splice(e,1)):(this.selected.push(n.lineItem),this.selectLineItems.push(o)),this.getSubtotal()}getSubtotal(){this.packagesServ.getSubtotal(this.parcel.id,this.selectLineItems).subscribe(n=>{this.values[0]=n})}onProceed(){this.packagesServ.draftReturn(this.parcel.id,this.selectLineItems).subscribe(n=>{this.storage.set(v.returnCustomer,n),this.router.navigate([Z(S.returns,S.checkout)])})}ngOnDestroy(){this.subs.forEach(n=>n.unsubscribe())}};i.\u0275fac=function(o){return new(o||i)(u(oe),u(re),u(ie))},i.\u0275cmp=h({type:i,selectors:[["app-details"]],decls:15,vars:5,consts:[["id","backbtn_store"],["iconSize","24px",3,"onBack"],["logoSize","40px","fontWeight","500","fontSize","25px",3,"company"],["

1id","instruction"],[3,"disableTitle","labels","values"],["id","lineItems"],["imgMaxWidth","143.21px","imgMaxHeight","145px",3,"lineItem","selectable","type","ngClass"],[1,"btn_container"],[3,"click","disabled"],["imgMaxWidth","143.21px","imgMaxHeight","145px",3,"onSelected","lineItem","selectable","type","ngClass"]],template:function(o,e){o&1&&(r(0,"div",0)(1,"back-btn",1),g("onBack",function(){return e.onBack()}),s(),r(2,"label"),m(3," For store: "),p(4,"company-logo-name",2),s()(),r(5,"label",3),m(6,"Select the products to return. Add return quantity."),s(),r(7,"section"),p(8,"order-summary",4),r(9,"div",5),P(10,Pe,1,6,"order-line-item",6,O),s()(),r(12,"div",7)(13,"button",8),g("click",function(){return e.onProceed()}),m(14," PROCEED "),s()()),o&2&&(l(4),c("company",e.parcel==null?null:e.parcel.company),l(4),c("disableTitle",e.isMobile)("labels",e.labels)("values",e.values),l(2),b(e.parcel==null||e.parcel.detail==null?null:e.parcel.detail.lineItems),l(3),c("disabled",e.selected.length===0))},dependencies:[y,x,le,ae,ce,se],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:20px;width:100%;height:100%;padding:10px 0 10px 10px;overflow:hidden}[_nghost-%COMP%]   #backbtn_store[_ngcontent-%COMP%]{display:flex;gap:10px;align-items:flex-end;width:100%}[_nghost-%COMP%]   #backbtn_store[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{font-family:Roboto;font-size:14px}[_nghost-%COMP%]   #instruction[_ngcontent-%COMP%]{display:none;text-align:center;font-size:14px;line-height:16px;color:#151515}[_nghost-%COMP%]   section[_ngcontent-%COMP%]{width:100%!important;height:100%;display:flex;flex-direction:row-reverse;justify-content:space-between;overflow:hidden}[_nghost-%COMP%]   section[_ngcontent-%COMP%]   #lineItems[_ngcontent-%COMP%]{width:100%;max-width:595px;padding-right:10px;padding-bottom:90px;display:flex;flex-direction:column;overflow:auto}[_nghost-%COMP%]   section[_ngcontent-%COMP%]   #lineItems[_ngcontent-%COMP%]   order-line-item[_ngcontent-%COMP%]{height:155px;padding-bottom:10px;margin-bottom:10px;border-bottom:solid .94px #d6d6d6}[_nghost-%COMP%]   section[_ngcontent-%COMP%]   #lineItems[_ngcontent-%COMP%]   order-line-item[_ngcontent-%COMP%]:last-child{border:none}[_nghost-%COMP%]   section[_ngcontent-%COMP%]   order-summary[_ngcontent-%COMP%]{width:294px}[_nghost-%COMP%]   .btn_container[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center;justify-content:center;position:fixed;padding-bottom:20px;left:0;bottom:0;background:linear-gradient(180deg,#fffc,#ffffffe6 38.8%,#fff 70%)}[_nghost-%COMP%]   .btn_container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{width:300px;padding:20px;border:none;border-radius:30px;background-color:#000;color:#fff;font-size:16.85px;font-style:normal;font-weight:700;line-height:normal}[_nghost-%COMP%]   .btn_container[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled{background-color:#d6d6d6}@media(max-width:750px){[_nghost-%COMP%]{padding:10px 0}[_nghost-%COMP%]   #backbtn_store[_ngcontent-%COMP%]{padding:0 10px}[_nghost-%COMP%]   #instruction[_ngcontent-%COMP%]{display:block}[_nghost-%COMP%]   section[_ngcontent-%COMP%]   #lineItems[_ngcontent-%COMP%]{padding-right:0;max-width:100%;padding-bottom:100px;gap:10px}[_nghost-%COMP%]   section[_ngcontent-%COMP%]   #lineItems[_ngcontent-%COMP%]   order-line-item[_ngcontent-%COMP%]{padding-bottom:0;margin-bottom:0;border-bottom:none}[_nghost-%COMP%]   section[_ngcontent-%COMP%]   #lineItems[_ngcontent-%COMP%]   order-line-item.isSelected[_ngcontent-%COMP%]{background-color:#ebebeb}[_nghost-%COMP%]   section[_ngcontent-%COMP%]   order-summary[_ngcontent-%COMP%]{position:fixed;z-index:1;bottom:69px;left:0;margin:0 auto;width:100%;padding:0 30px 6px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.9) 38.8%)}[_nghost-%COMP%]   .btn_container[_ngcontent-%COMP%]{padding-bottom:10px;background:linear-gradient(to bottom,#ffffffe6,#fff 80%)}}"]});let t=i;return t})();export{Je as DetailsComponent};