marketplacepos 5.43.5 → 5.43.6

package/Marketplace/chunk-IGPHCUYF.js

@@ -0,0 +1 @@
+import{a as se,b as ce,c as ue}from"./chunk-V5BKQSAT.js";import{a as he}from"./chunk-AZ2WERIL.js";import{a as me}from"./chunk-FV47Y5BB.js";import{a as de}from"./chunk-66MLRB2J.js";import"./chunk-M5JQ7BGW.js";import{a as pe}from"./chunk-EPVCMYCI.js";import"./chunk-JDIBETL5.js";import"./chunk-L7K5HOBY.js";import"./chunk-74IXJYWO.js";import"./chunk-G47XGOST.js";import"./chunk-H3J5OAIG.js";import"./chunk-AQTXFEBA.js";import"./chunk-SDUUFQUI.js";import"./chunk-IL5JIRWJ.js";import"./chunk-5OHRA4AS.js";import"./chunk-3BT5DR3X.js";import"./chunk-3RK6DDJD.js";import"./chunk-J2KWRDVH.js";import"./chunk-7SVF5UPT.js";import"./chunk-CMTBBXR5.js";import{a as le}from"./chunk-WPW3D4MQ.js";import"./chunk-TFQEBAZY.js";import"./chunk-Z3ITXK3D.js";import"./chunk-ACIMXBIC.js";import"./chunk-TGMCGROM.js";import{a as ie}from"./chunk-5HO2IJ47.js";import"./chunk-5JVEEL2T.js";import"./chunk-PW42BQIY.js";import"./chunk-SWQXSJ7O.js";import"./chunk-AEOSNAHH.js";import{e as te}from"./chunk-JXSBFTQM.js";import"./chunk-K5XRGNWG.js";import{m as oe,n as ae}from"./chunk-CLER2MX6.js";import{A as ee,c as X,h as Y,m as Z,o as $}from"./chunk-6QYD6NIJ.js";import"./chunk-ATZ475FN.js";import{r as ne,s as re}from"./chunk-YCH6HHU3.js";import"./chunk-B73M3AMU.js";import{j as q,k as J,m as K,n as Q}from"./chunk-M2FCTYGU.js";import{$c as w,Gb as I,Gc as l,Hc as v,Ic as E,Kc as f,Lc as _,Mb as x,Mc as S,Nc as z,Oc as A,Pc as j,Qc as H,Ra as N,Rc as R,Sc as U,Yb as c,ac as W,ad as V,bd as G,dc as b,ec as D,gc as k,hc as B,ic as t,ja as O,jc as i,kc as u,oc as M,pa as y,pb as F,rb as a,tc as T,uc as h,v as L,ya as m,za as d}from"./chunk-B7KTCPKC.js";import"./chunk-EU2KAMEK.js";import"./chunk-66YHNWRR.js";var P=(()=>{class n{constructor(){this.httpService=y(te)}getShippedOrders(e){return this.httpService.post(ie.GetShipped,e).pipe(L(p=>p.Data||[]))}static{this.\u0275fac=function(p){return new(p||n)}}static{this.\u0275prov=O({token:n,factory:n.\u0275fac})}}return n})();var _e=()=>[],Se=n=>({"td-cell-hover":n});function ge(n,g){if(n&1&&u(0,"variants-dropdown",29),n&2){let e=h().$implicit;c("variants",e==null?null:e.Variants)}}function Ce(n,g){if(n&1&&u(0,"variant-with-image",30),n&2){let e=h().$implicit;c("variant",e==null?null:e.Variants[0])}}function ve(n,g){if(n&1&&(t(0,"span"),l(1),i()),n&2){let e=h().$implicit;a(),E("(",e.LogisticService==null?null:e.LogisticService.Option,")")}}function we(n,g){if(n&1&&(t(0,"tr")(1,"td"),l(2),i(),t(3,"td")(4,"div",25)(5,"div",26)(6,"div"),u(7,"img",27),w(8,"channelImage"),i(),t(9,"div"),u(10,"order-link",28),i()(),t(11,"small"),l(12),w(13,"date"),i()()(),t(14,"td"),l(15),i(),t(16,"td"),x(17,ge,1,1,"variants-dropdown",29)(18,Ce,1,1,"variant-with-image",30),i(),t(19,"td",31),l(20),w(21,"number"),i(),t(22,"td")(23,"div",25)(24,"div",26)(25,"span"),l(26),i(),x(27,ve,2,1,"span"),i(),t(28,"small"),l(29),i()()()()),n&2){let e=g.$implicit;a(2),v(e.Outlet),a(5),c("src",V(8,13,e==null?null:e.MarketType),F)("alt",e==null||e.Variants[0]==null?null:e.Variants[0].Name),a(3),c("order",e),a(2),E(" ",G(13,15,e==null?null:e.Created,"dd/MM/yyyy HH:mm:ss")," "),a(3),v(e.Customer),a(),W(U(20,Se,(e.Variants==null?null:e.Variants.length)>1)),a(),b((e.Variants==null?null:e.Variants.length)>1?17:18),a(3),v(V(21,18,e.Amount)),a(6),v(e.LogisticService!=null&&e.LogisticService.Name?e.LogisticService==null?null:e.LogisticService.Name:"-"),a(),b(e.LogisticService!=null&&e.LogisticService.Option&&(e.LogisticService==null?null:e.LogisticService.Option)!="Default"?27:-1),a(2),E(" ",e.ReferenceNumber?e.ReferenceNumber:"-"," ")}}function ye(n,g){if(n&1){let e=M();t(0,"div",15)(1,"table",17)(2,"thead",18)(3,"tr",19)(4,"th",20),l(5,"Outlet"),i(),t(6,"th",21),l(7,"Number"),i(),t(8,"th",21),l(9,"Customer"),i(),t(10,"th"),l(11,"Items"),i(),t(12,"th",22),l(13,"Amount"),i(),t(14,"th",23),l(15,"Shipping"),i()()(),t(16,"tbody"),k(17,we,30,22,"tr",null,D),i()(),t(19,"app-custom-paginator",24),T("next",function(){m(e);let r=h();return d(r.initShippedOrders())})("previous",function(){m(e);let r=h();return d(r.initShippedOrders())}),i()()}if(n&2){let e=h(),p=j(0);a(17),B(p),a(2),c("filter",e.filter())("totaldata",p==null?null:p.length)}}function xe(n,g){n&1&&(t(0,"div",16),u(1,"app-empty-state"),i())}var Xe=(()=>{class n{constructor(){this.shippedService=y(P),this.filter=N({PageNumber:1,PageSize:20,ListChannelID:[],From:null,To:null,Number:null})}ngOnInit(){this.initShippedOrders()}initShippedOrders(){this.shippedOrders$=this.shippedService.getShippedOrders(this.filter())}static{this.\u0275fac=function(p){return new(p||n)}}static{this.\u0275cmp=I({type:n,selectors:[["app-shipped"]],features:[H([P])],decls:34,vars:12,consts:[["headerTitle","Shipped","searchBoxPlaceHolder","Order Number...",3,"onSubmit","textChange","text"],["href","https://ods.dealpos.app","target","_blank","matTooltip","Monitor your Order & Fulfillment in real-time from TV!",1,"btn","btn-outline-secondary","shadow","rounded","ms-2"],[1,"fa-regular","fa-tv","me-3"],[1,"fw-bold","mb-2"],[3,"ngModelChange","multiple","ngModel"],[1,"mt-5"],[1,"mb-4"],["name","From",3,"dateChange","date"],["name","To",3,"dateChange","date"],[1,"fw-bold"],["type","number","name","PageNumber",1,"w-100","mt-2","form-control",3,"ngModelChange","ngModel"],["type","number","name","PageSize",1,"w-100","mt-2","form-control",3,"ngModelChange","ngModel"],[1,"container-fluid","mt-3"],[1,"row"],[1,"col-md-12"],[1,"table-responsive"],[1,"d-flex","flex-column","justify-content-center","align-items-center",2,"margin-top","26vh"],[1,"table"],[1,"sticky-top-thead"],[1,"table-light"],[2,"width","100px"],[2,"width","250px"],[1,"text-end",2,"width","150px"],[2,"width","150px"],["rowCountApi","/api/orders/shippedcount",3,"next","previous","filter","totaldata"],[1,"lh-sm"],[1,"d-flex","align-items-end","gap-2"],[2,"width","12px","padding-bottom","2.5px",3,"src","alt"],[2,"font-size","14px",3,"order"],[3,"variants"],[3,"variant"],[1,"text-end"]],template:function(p,r){if(p&1){let s=M();z(0),w(1,"async"),t(2,"mainpanel",0),T("onSubmit",function(){return m(s),d(r.initShippedOrders())}),S("textChange",function(o){return m(s),_(r.filter().Number,o)||(r.filter().Number=o),d(o)}),t(3,"actions")(4,"a",1),u(5,"i",2),t(6,"span"),l(7,"Order Fulfillment Display"),i()()(),t(8,"filters")(9,"div")(10,"label",3),l(11,"From/To"),i(),t(12,"channel-select-options",4),S("ngModelChange",function(o){return m(s),_(r.filter().ListChannelID,o)||(r.filter().ListChannelID=o),d(o)}),i()(),t(13,"div",5)(14,"label",3),l(15,"From/To"),i(),t(16,"div",6)(17,"datepicker",7),S("dateChange",function(o){return m(s),_(r.filter().From,o)||(r.filter().From=o),d(o)}),i()(),t(18,"div")(19,"datepicker",8),S("dateChange",function(o){return m(s),_(r.filter().To,o)||(r.filter().To=o),d(o)}),i()()(),t(20,"div",5)(21,"label",9),l(22,"Page Number"),i(),t(23,"input",10),S("ngModelChange",function(o){return m(s),_(r.filter().PageNumber,o)||(r.filter().PageNumber=o),d(o)}),i()(),t(24,"div",5)(25,"label",9),l(26,"Page Size"),i(),t(27,"input",11),S("ngModelChange",function(o){return m(s),_(r.filter().PageSize,o)||(r.filter().PageSize=o),d(o)}),i()()(),t(28,"content")(29,"div",12)(30,"div",13)(31,"div",14),x(32,ye,20,2,"div",15)(33,xe,2,0,"div",16),i()()()()()}if(p&2){let s=A(V(1,8,r.shippedOrders$)||R(11,_e));a(2),f("text",r.filter().Number),a(10),c("multiple",!0),f("ngModel",r.filter().ListChannelID),a(5),f("date",r.filter().From),a(2),f("date",r.filter().To),a(4),f("ngModel",r.filter().PageNumber),a(4),f("ngModel",r.filter().PageSize),a(5),b(s.length>0?32:33)}},dependencies:[Q,q,K,J,ae,oe,pe,le,ee,X,$,Y,Z,se,ce,ue,de,me,re,ne,he],encapsulation:2})}}return n})();export{Xe as ShippedComponent};

package/Marketplace/{chunk-TBG76OM6.js → chunk-J2BRIZSE.js}

@@ -1 +1 @@
-import{b as Me}from"./chunk-PFB7XEYZ.js";import"./chunk-UEPQYAWE.js";import{a as Ae,b as Pe,c as ke,d as ie,e as oe}from"./chunk-JSZ2HWK6.js";import{a as we}from"./chunk-YHKEECJR.js";import{a as Ne,b as Ue}from"./chunk-BFU7VKO3.js";import{b as Ee}from"./chunk-OC2FBL33.js";import"./chunk-NS46QSCM.js";import"./chunk-JMPW6NPQ.js";import"./chunk-SYUFPF3D.js";import"./chunk-5OHRA4AS.js";import"./chunk-3BT5DR3X.js";import"./chunk-DRHWRRQV.js";import"./chunk-EH6HWI3G.js";import"./chunk-E3ROEHBW.js";import"./chunk-OLOIQI4D.js";import"./chunk-IA6KOBDJ.js";import"./chunk-RECNBAEB.js";import"./chunk-SN4AOGQK.js";import"./chunk-SB7NWPDS.js";import"./chunk-AYPY47VM.js";import"./chunk-SM3P57SO.js";import"./chunk-5DIRXS7I.js";import"./chunk-OZ7LWNOK.js";import"./chunk-ECRWEMEV.js";import"./chunk-LZCEM2PC.js";import{a as Fe,b as Te}from"./chunk-M7NQID2Z.js";import"./chunk-CMTBBXR5.js";import"./chunk-USNELOQD.js";import"./chunk-Z3ITXK3D.js";import"./chunk-ACIMXBIC.js";import"./chunk-TGMCGROM.js";import"./chunk-5HO2IJ47.js";import{d as O,e as B}from"./chunk-5JVEEL2T.js";import{b as be,c as _}from"./chunk-PW42BQIY.js";import"./chunk-SWQXSJ7O.js";import"./chunk-DRMAONR7.js";import"./chunk-AEOSNAHH.js";import{e as K}from"./chunk-JXSBFTQM.js";import"./chunk-K5XRGNWG.js";import{m as Se,n as Ie}from"./chunk-CLER2MX6.js";import{A as Z,B as D,c as te,e as ge,h as $,i as H,m as ye,n as q,q as z,s as J,z as Y}from"./chunk-6QYD6NIJ.js";import"./chunk-ATZ475FN.js";import{r as ve,s as xe}from"./chunk-YCH6HHU3.js";import"./chunk-B73M3AMU.js";import{g as V,j as x,n as S}from"./chunk-M2FCTYGU.js";import{$c as g,Gb as b,Gc as u,Hc as fe,Ic as Q,K as de,Ka as w,Kc as he,Lc as _e,M as ue,Mb as h,Mc as Ce,Oa as re,Qc as v,Yb as m,Z as ee,ad as y,dc as E,ea as A,ec as j,gc as R,hc as L,ic as l,ja as P,jc as r,kc as f,lc as N,mc as U,oc as M,pa as d,rb as s,tc as C,uc as a,v as T,xa as k,ya as I,za as F}from"./chunk-B7KTCPKC.js";import"./chunk-EU2KAMEK.js";import"./chunk-66YHNWRR.js";var ae=(()=>{class i{constructor(){this.httpService=d(K),this.formBuilder=d(Y),this.uploadProductService=d(oe)}getAttributes(e,t){return this.httpService.get("api/product/tiktok/GetAttributes",[{key:"ID",value:e},{key:"CategoryID",value:t}]).pipe(de(o=>this.uploadProductService.selectedProduct$.pipe(T(c=>(o=this.mappingAttributeSalesProperty(o,c),o)))))}mappingAttributeSalesProperty(e,t){let n=0;return e.filter(o=>(o.type=="SALES_PROPERTY"&&(n+=1),n>1?(n=0,!1):!0)).map(o=>(o.type=="SALES_PROPERTY"&&(o.name="Jenis Variant",o.is_multiple_selection=!1,o.is_required=this.isProductHasMoreVariant(t),o.values=[{id:"Warna",name:"Warna"},{id:"Ukuran",name:"Ukuran"}]),o))}isProductHasMoreVariant(e){let t=!1,n=[];return e.forEach(o=>{o.Variants&&n.push(o.Variants.length)}),t=n.some(o=>o>1),t}createFormGroup(e){let t=this.formBuilder.group({}),n=[];return e.forEach(o=>{n=[],o.is_required&&n.push(ge.required),t.addControl(o.id,this.formBuilder.control(null,n))}),t}getFilteredAttributes(e,t){let n=JSON.parse(JSON.stringify(e)),o=Object.keys(t),c=n.filter(W=>o.findIndex(Be=>parseInt(Be)==W.id)!=-1);return c=this.filterSelectedAttributes(c,t),c}filterSelectedAttributes(e,t){return e.map(o=>(_.IsNotEmpty(o.values)?o.is_multiple_selection?o.values=o.values.filter(c=>t[o.id]?.includes(c.id)):o.values=o.values.filter(c=>c.id==t[o.id]):t[o.id]&&(o.values=[{id:null,name:t[o.id]}]),o)).filter(o=>o?.values?.length>0)}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275prov=P({token:i,factory:i.\u0275fac})}}return i})();function Ge(i,p){i&1&&(l(0,"span",5),u(1,"*"),r())}function je(i,p){if(i&1&&f(0,"ng-select",6),i&2){let e=a().$implicit;m("multiple",!0)("formControlName",e.id)("items",e.values)("placeholder","Pilih "+(e==null?null:e.name))}}function Re(i,p){if(i&1&&f(0,"ng-select",7),i&2){let e=a().$implicit;m("formControlName",e.id)("items",e.values)("placeholder","Pilih "+(e==null?null:e.name))}}function Le(i,p){if(i&1&&f(0,"input",8),i&2){let e=a().$implicit;m("formControlName",e.id)("placeholder",e==null?null:e.name)}}function We(i,p){if(i&1&&(l(0,"small",5),u(1),r()),i&2){let e=a().$implicit;s(),Q(" ",e==null?null:e.name," is mandatory ")}}function He(i,p){if(i&1&&(l(0,"div",3)(1,"div",4),h(2,Ge,2,0,"span",5),l(3,"span"),u(4),r()(),h(5,je,1,4,"ng-select",6)(6,Re,1,3,"ng-select",7)(7,Le,1,2,"input",8)(8,We,2,1,"small",5),r()),i&2){let e=p.$implicit;s(2),E(e.is_required?2:-1),s(2),Q(" ",e==null?null:e.name," "),s(),E(e.is_multiple_selection?5:e.values!==null&&e.values.length>0?6:7),s(3),E(e.is_required?8:-1)}}function qe(i,p){if(i&1&&(N(0),l(1,"form",1)(2,"div",2),R(3,He,9,4,"div",3,j),r()(),U()),i&2){let e=p.ngIf,t=a();s(),m("formGroup",t.form),s(2),L(e)}}var Ve=(()=>{class i{constructor(){this.tiktokAttributeFormService=d(ae),this.attributesChanges=new w}ngOnChanges(){_.IsNotEmpty(this.categoryId)&&_.IsNotEmpty(this.channelId)&&(this.attributes$=this.tiktokAttributeFormService.getAttributes(this.channelId,this.categoryId).pipe(T(e=>e.filter(t=>!(t.type=="PRODUCT_PROPERTY"&&(_.IsEmpty(t.values)||t.values?.length==0)&&t.is_customizable==!1))),A(e=>{this.form=this.tiktokAttributeFormService.createFormGroup(e),this.listenToFormChange(e)}),ee(1)))}listenToFormChange(e){let t=[];this.formSubscription=this.form.valueChanges.subscribe(n=>{t=this.tiktokAttributeFormService.getFilteredAttributes(e,n),this.attributesChanges.emit(t)})}ngOnDestroy(){this.formSubscription&&this.formSubscription.unsubscribe()}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["tiktok-attribute-form"]],inputs:{channelId:"channelId",categoryId:"categoryId"},outputs:{attributesChanges:"attributesChanges"},features:[v([ae]),k],decls:2,vars:3,consts:[[4,"ngIf"],[3,"formGroup"],[1,"row"],[1,"col-6","mb-3"],[1,"mb-1"],[1,"text-danger"],["bindLabel","name","bindValue","id",3,"multiple","formControlName","items","placeholder"],["bindLabel","name","bindValue","id",3,"formControlName","items","placeholder"],["type","text",1,"form-control",3,"formControlName","placeholder"]],template:function(t,n){t&1&&(h(0,qe,5,1,"ng-container",0),g(1,"async")),t&2&&m("ngIf",y(1,1,n.attributes$))},dependencies:[S,V,x,B,O,D,q,te,$,H,z,J,Z],encapsulation:2})}}return i})();var se=(()=>{class i{constructor(){this.woocommerceUploadService=d(ie)}getAttributes(e,t){return this.woocommerceUploadService.getAttributes(e,t).pipe(T(n=>n.map(o=>({key:o.name,label:o.name}))))}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275prov=P({token:i,factory:i.\u0275fac})}}return i})();var $e=(()=>{class i{constructor(){this.wooAttributeFormService=d(se),this.channelId=re(),this.categoryId=re(),this.attributesChanges=new w}ngOnChanges(){_.IsNotEmpty(this.categoryId())&&_.IsNotEmpty(this.channelId())&&(this.attributes$=this.wooAttributeFormService.getAttributes(this.channelId(),this.categoryId()))}onSelectAttribute(e){this.attributesChanges.emit([e.key])}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["wooocommerce-attribute-form"]],inputs:{channelId:[1,"channelId"],categoryId:[1,"categoryId"]},outputs:{attributesChanges:"attributesChanges"},features:[v([se]),k],decls:6,vars:3,consts:[[1,"row"],[1,"col-6"],[1,"mb-1"],["bindLabel","label","bindValue","id","placeholder","Pilih Atribut",3,"change","items"]],template:function(t,n){t&1&&(l(0,"div",0)(1,"div",1)(2,"div",2),u(3,"Atribut"),r(),l(4,"ng-select",3),g(5,"async"),C("change",function(c){return n.onSelectAttribute(c)}),r()()()),t&2&&(s(4),m("items",y(5,1,n.attributes$)))},dependencies:[S,x,Z,B,O,D],encapsulation:2})}}return i})();var me=(()=>{class i{constructor(){this.httpService=d(K),this.formBuilder=d(Y)}getAttributes(e,t){return this.httpService.get("api/product/tokopedia/GetAttributes",[{key:"ID",value:e},{key:"CategoryID",value:t}]).pipe(T(o=>o))}createFormGroup(e){let t=this.formBuilder.group({});return e.forEach(n=>{t.addControl(n.variant,this.formBuilder.control(null))}),t}convertAttributes(e={}){return Object.values(e).filter(n=>n!==null).map(n=>JSON.stringify(n))}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275prov=P({token:i,factory:i.\u0275fac})}}return i})();function ze(i,p){if(i&1&&(l(0,"div",3)(1,"div",4),u(2),r(),f(3,"ng-select",5),r()),i&2){let e=p.$implicit;s(2),Q(" ",e==null?null:e.variant," "),s(),m("formControlName",e.variant)("items",e.values)("placeholder","Pilih "+(e==null?null:e.variant))}}function Je(i,p){if(i&1&&(N(0),l(1,"form",1)(2,"div",2),R(3,ze,4,4,"div",3,j),r()(),U()),i&2){let e=p.ngIf,t=a();s(),m("formGroup",t.form),s(2),L(e)}}var De=(()=>{class i{constructor(){this.tokpedAttrFormService=d(me),this.attributesChanges=new w}ngOnInit(){}ngOnChanges(e){_.IsNotEmpty(this.categoryId)&&_.IsNotEmpty(this.channelId)&&(this.attributes$=this.tokpedAttrFormService.getAttributes(this.channelId,this.categoryId).pipe(A(t=>{this.form=this.tokpedAttrFormService.createFormGroup(t),this.listenToFormChange()})))}listenToFormChange(){let e=[];this.formSubscription=this.form.valueChanges.subscribe(t=>{e=this.tokpedAttrFormService.convertAttributes(t),this.attributesChanges.emit(e)})}ngOnDestroy(){this.formSubscription&&this.formSubscription.unsubscribe()}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["tokopedia-attribute-form"]],inputs:{channelId:"channelId",categoryId:"categoryId"},outputs:{attributesChanges:"attributesChanges"},features:[v([me]),k],decls:2,vars:3,consts:[[4,"ngIf"],[3,"formGroup"],[1,"row"],[1,"col-6","mb-3"],[1,"mb-1"],["bindLabel","name","bindValue","id",3,"formControlName","items","placeholder"]],template:function(t,n){t&1&&(h(0,Je,5,1,"ng-container",0),g(1,"async")),t&2&&m("ngIf",y(1,1,n.attributes$))},dependencies:[S,V,x,B,O,D,q,$,H,z,J],encapsulation:2})}}return i})();var pe=(()=>{class i{constructor(){this.httpService=d(K),this.formBuilder=d(Y)}getAttributes(e){return this.httpService.get("api/product/shopify/GetAttributes",[{key:"ID",value:e}]).pipe(A(n=>(n.Options.StatusOptions=n.Options.Status.map(o=>({id:o,name:o})),n)))}createFormGroup(e){let t=this.formBuilder.group({});return Object.keys(e.Attribute).forEach(o=>{t.addControl(o,this.formBuilder.control(null))}),t}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275prov=P({token:i,factory:i.\u0275fac})}}return i})();function Ye(i,p){if(i&1&&(N(0),l(1,"form",1)(2,"div",2)(3,"div",3)(4,"div",4),u(5," Brand "),r(),f(6,"input",5),r(),l(7,"div",6)(8,"div",4),u(9," Product Type "),r(),f(10,"input",7),r(),l(11,"div",6)(12,"div",4),u(13," Status "),r(),f(14,"ng-select",8),r()()(),U()),i&2){let e=p.ngIf,t=a();s(),m("formGroup",t.form),s(13),m("items",e.Options.StatusOptions)}}var Oe=(()=>{class i{constructor(){this.attributesChanges=new w,this.shopifyFormService=d(pe)}ngOnChanges(e){e.channelId&&(this.attributes$=this.shopifyFormService.getAttributes(this.channelId).pipe(A(t=>{this.form=this.shopifyFormService.createFormGroup(t),this.listenToFormChange()})))}listenToFormChange(){this.formSubscription=this.form.valueChanges.pipe(ue(500)).subscribe(e=>{this.attributesChanges.emit([e])})}ngOnDestroy(){this.formSubscription.unsubscribe()}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["shopify-attribute-form"]],inputs:{channelId:"channelId"},outputs:{attributesChanges:"attributesChanges"},features:[v([pe]),k],decls:2,vars:3,consts:[[4,"ngIf"],[3,"formGroup"],[1,"row"],[1,"col-6","mb-3"],[1,"mb-1"],["formControlName","Brand","type","text","placeholder","brand",1,"form-control"],[1,"col-6"],["formControlName","ProductType","type","text","placeholder","Product Type",1,"form-control"],["formControlName","Status","bindLabel","name","bindValue","id","placeholder","Status",3,"items"]],template:function(t,n){t&1&&(h(0,Ye,15,2,"ng-container",0),g(1,"async")),t&2&&m("ngIf",y(1,1,n.attributes$))},dependencies:[S,V,x,D,q,te,$,H,z,J,B,O],encapsulation:2})}}return i})();function Ze(i,p){if(i&1&&(l(0,"div",6),f(1,"app-product-card",9),r()),i&2){let e=p.$implicit;s(),m("productId",e==null?null:e.ID)("title",e==null?null:e.Name)("image",e==null?null:e.ThumbnailUrl)("description",(e==null||e.Variants==null?null:e.Variants.length)>1?(e==null||e.Variants==null?null:e.Variants.length)+" Variants":null)("imageForZoom",e==null?null:e.ImageUrl)("code",e==null||e.Variants[0]==null?null:e.Variants[0].Code)("showFooter",!1)}}function Ke(i,p){if(i&1){let e=M();N(0),l(1,"mat-checkbox",21),Ce("ngModelChange",function(n){I(e);let o=a().$implicit;return _e(o.selected,n)||(o.selected=n),F(n)}),C("ngModelChange",function(){let n=I(e).ngIf,o=a(),c=o.$implicit,W=o.$index,X=a();return F(X.onSelectChannel(c,W,n))}),r(),U()}if(i&2){let e=a().$implicit;s(),he("ngModel",e.selected)}}function Qe(i,p){if(i&1&&(l(0,"div",18),f(1,"input",22),r()),i&2){let e=a().$implicit,t=a();m("matTooltip",e.type==t.channelType.Shopify?"Cannot change category, please change category in admin.shopify.com":e.type==t.channelType.Plugo?"You can change the category after the product has been uploaded to the Plugo Dashboard.":"")}}function Xe(i,p){if(i&1){let e=M();l(0,"app-channel-category-select",23),C("selectedCategory",function(n){I(e);let o=a().$index,c=a();return F(c.onCategoryChange(o,n))}),r()}if(i&2){let e=a().$implicit,t=a();m("disabled",!e.selected||e.selected&&e.type==t.channelType.Lazada)("channelId",e.id)("channelType",e.type)("categoryId",e.categoryId)}}function et(i,p){if(i&1){let e=M();l(0,"shopee-attribute-form",27),C("attributesChanges",function(n){I(e);let o=a(2).$index,c=a();return F(c.onAttributesChange(o,n))}),r()}if(i&2){let e=a(2).$implicit;m("categoryId",e.categoryId)("channelId",e.id)("channelType",e.type)}}function tt(i,p){if(i&1){let e=M();l(0,"tiktok-attribute-form",28),C("attributesChanges",function(n){I(e);let o=a(2).$index,c=a();return F(c.onAttributesChange(o,n))}),r()}if(i&2){let e=a(2).$implicit;m("categoryId",e.categoryId)("channelId",e.id)}}function it(i,p){if(i&1){let e=M();l(0,"wooocommerce-attribute-form",28),C("attributesChanges",function(n){I(e);let o=a(2).$index,c=a();return F(c.onAttributesChange(o,n))}),r()}if(i&2){let e=a(2).$implicit;m("categoryId",e.categoryId)("channelId",e.id)}}function ot(i,p){if(i&1){let e=M();l(0,"tokopedia-attribute-form",28),C("attributesChanges",function(n){I(e);let o=a(2).$index,c=a();return F(c.onAttributesChange(o,n))}),r()}if(i&2){let e=a(2).$implicit;m("categoryId",e.categoryId)("channelId",e.id)}}function nt(i,p){if(i&1&&(l(0,"div",20)(1,"div",24),h(2,et,1,3,"shopee-attribute-form",25)(3,tt,1,2,"tiktok-attribute-form",26)(4,it,1,2,"wooocommerce-attribute-form",26)(5,ot,1,2,"tokopedia-attribute-form",26),r()()),i&2){let e,t=a().$implicit,n=a();s(2),E((e=t.type)===n.channelType.Shopee?2:e===n.channelType.Tiktok?3:e===n.channelType.WooCommerce?4:e===n.channelType.Tokopedia?5:-1)}}function rt(i,p){if(i&1){let e=M();l(0,"div",20)(1,"div",24)(2,"shopify-attribute-form",29),C("attributesChanges",function(n){I(e);let o=a().$index,c=a();return F(c.onAttributesChange(o,n))}),r()()()}if(i&2){let e=a().$implicit;s(2),m("channelId",e.id)}}function at(i,p){if(i&1&&(l(0,"div",8)(1,"div",10)(2,"div",11)(3,"div",12)(4,"div",13)(5,"div"),h(6,Ke,2,1,"ng-container",14),g(7,"async"),r(),l(8,"div"),f(9,"app-channel-logo",15),r(),l(10,"div",16)(11,"span"),u(12),r()()()(),l(13,"div",12)(14,"div",17),h(15,Qe,2,1,"div",18)(16,Xe,1,4,"app-channel-category-select",19),r()()(),h(17,nt,6,1,"div",20)(18,rt,3,1,"div",20),r()()),i&2){let e=p.$implicit,t=a();s(6),m("ngIf",y(7,8,t.defaultCategories$)),s(3),m("typeId",e.type)("showChannelName",!1),s(),m("matTooltip",e.name)("matTooltipShowDelay",2500),s(2),fe(e.name),s(3),E(e.type==t.channelType.Shopify||e.type==t.channelType.Plugo?15:16),s(2),E(e.categoryId&&t.channelType.Lazada!=e.type&&e.selected?17:t.channelType.Shopify==e.type&&e.selected?18:-1)}}var qi=(()=>{class i{constructor(){this.uploadProductService=d(oe),this.selectedProducts$=this.uploadProductService.selectedProduct$,this.channelProductUploads=this.uploadProductService.channelProductUpload,this.channelType=be,this.defaultCategories$=this.uploadProductService.getDefaultCategory().pipe(ee(1))}onCategoryChange(e,t){this.channelProductUploads.update(n=>n.map((o,c)=>(c==e&&(o.categoryId=t,o.attributes=[]),o)))}onAttributesChange(e,t){this.channelProductUploads.update(n=>n.map((o,c)=>(c==e&&(o.attributes=t),o)))}onSelectChannel(e,t,n){this.channelProductUploads.update(o=>o.map((c,W)=>{if(W==t&&e.selected){let X=this.findCategoryByChannelId(e.id,n);c.categoryId=X?.DefaultCategoryID}return W==t&&!e.selected&&(c.categoryId=null),c}))}findCategoryByChannelId(e,t){return t.find(n=>n.ID===e)}onUploadProduct(){this.uploadProductService.onUploadProduct(this.channelProductUploads())}ngOnDestroy(){this.uploadProductService.clearSelectedProduct()}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["app-product-upload"]],features:[v([Ae,Pe,ke,ie])],decls:17,vars:5,consts:[["headerTitle","Upload Product To Channel",3,"hideSearchBox","hideSearchDropdown"],[1,"btn","btn-light","shadow","rounded","ms-2",3,"click","disabled"],["aria-hidden","true",1,"fa","fa-upload"],[1,"container-fluid","mt-6"],[1,"ps-3","mt-8","pb-5","fw-medium"],[1,"row","mb-10","ps-3"],[1,"col-12","col-md-6","col-xl-4","px-3","my-3"],[1,"ps-3","mb-8","border-bottom","pb-5","fw-medium"],[1,"row","mb-6"],[3,"productId","title","image","description","imageForZoom","code","showFooter"],[1,"col-12"],[1,"row"],[1,"col-3"],[1,"d-flex","align-items-center"],[4,"ngIf"],[3,"typeId","showChannelName"],[2,"overflow","hidden","text-overflow","ellipsis","white-space","nowrap",3,"matTooltip","matTooltipShowDelay"],[1,"w-100"],["matTooltipPosition","above",3,"matTooltip"],[3,"disabled","channelId","channelType","categoryId"],[1,"row","my-3"],["color","primary",1,"example-margin",3,"ngModelChange","ngModel"],["disabled","","type","text","placeholder","Category Unavailable",1,"form-control","rounded-1",2,"height","35px"],[3,"selectedCategory","disabled","channelId","channelType","categoryId"],[1,"col-12","ps-11"],[3,"categoryId","channelId","channelType"],[3,"categoryId","channelId"],[3,"attributesChanges","categoryId","channelId","channelType"],[3,"attributesChanges","categoryId","channelId"],[3,"attributesChanges","channelId"]],template:function(t,n){if(t&1&&(l(0,"mainpanel",0)(1,"actions")(2,"button",1),C("click",function(){return n.onUploadProduct()}),f(3,"i",2),u(4," Upload "),r()(),l(5,"content")(6,"div",3)(7,"h3",4),u(8,"Product To Upload"),r(),l(9,"div",5),R(10,Ze,2,7,"div",6,j),g(12,"async"),r(),l(13,"h3",7),u(14,"Channel To Upload"),r(),R(15,at,19,10,"div",8,j),r()()()),t&2){let o;m("hideSearchBox",!0)("hideSearchDropdown",!0),s(2),m("disabled",((o=n.channelProductUploads())==null?null:o.length)==0),s(8),L(y(12,3,n.selectedProducts$)),s(5),L(n.channelProductUploads())}},dependencies:[S,V,x,Ee,Ie,Se,Ue,Ne,Te,Fe,Z,$,ye,xe,ve,Ve,$e,De,Oe,we,Me],encapsulation:2})}}return i})();export{qi as ProductUploadComponent};
+import{b as Me}from"./chunk-PFB7XEYZ.js";import"./chunk-UEPQYAWE.js";import{a as Ae,b as Pe,c as ke,d as ie,e as oe}from"./chunk-EQN7RM2H.js";import{a as we}from"./chunk-YHKEECJR.js";import{a as Ne,b as Ue}from"./chunk-BFU7VKO3.js";import{b as Ee}from"./chunk-OC2FBL33.js";import"./chunk-NS46QSCM.js";import"./chunk-HAH7BBIR.js";import"./chunk-SYUFPF3D.js";import"./chunk-5OHRA4AS.js";import"./chunk-3BT5DR3X.js";import"./chunk-DRHWRRQV.js";import"./chunk-EH6HWI3G.js";import"./chunk-E3ROEHBW.js";import"./chunk-OLOIQI4D.js";import"./chunk-IA6KOBDJ.js";import"./chunk-RECNBAEB.js";import"./chunk-SN4AOGQK.js";import"./chunk-SB7NWPDS.js";import"./chunk-AYPY47VM.js";import"./chunk-SM3P57SO.js";import"./chunk-5DIRXS7I.js";import"./chunk-OZ7LWNOK.js";import"./chunk-ECRWEMEV.js";import"./chunk-LZCEM2PC.js";import{a as Fe,b as Te}from"./chunk-M7NQID2Z.js";import"./chunk-CMTBBXR5.js";import"./chunk-TFQEBAZY.js";import"./chunk-Z3ITXK3D.js";import"./chunk-ACIMXBIC.js";import"./chunk-TGMCGROM.js";import"./chunk-5HO2IJ47.js";import{d as O,e as B}from"./chunk-5JVEEL2T.js";import{b as be,c as _}from"./chunk-PW42BQIY.js";import"./chunk-SWQXSJ7O.js";import"./chunk-DRMAONR7.js";import"./chunk-AEOSNAHH.js";import{e as K}from"./chunk-JXSBFTQM.js";import"./chunk-K5XRGNWG.js";import{m as Se,n as Ie}from"./chunk-CLER2MX6.js";import{A as Z,B as D,c as te,e as ge,h as $,i as H,m as ye,n as q,q as z,s as J,z as Y}from"./chunk-6QYD6NIJ.js";import"./chunk-ATZ475FN.js";import{r as ve,s as xe}from"./chunk-YCH6HHU3.js";import"./chunk-B73M3AMU.js";import{g as V,j as x,n as S}from"./chunk-M2FCTYGU.js";import{$c as g,Gb as b,Gc as u,Hc as fe,Ic as Q,K as de,Ka as w,Kc as he,Lc as _e,M as ue,Mb as h,Mc as Ce,Oa as re,Qc as v,Yb as m,Z as ee,ad as y,dc as E,ea as A,ec as j,gc as R,hc as L,ic as l,ja as P,jc as r,kc as f,lc as N,mc as U,oc as M,pa as d,rb as s,tc as C,uc as a,v as T,xa as k,ya as I,za as F}from"./chunk-B7KTCPKC.js";import"./chunk-EU2KAMEK.js";import"./chunk-66YHNWRR.js";var ae=(()=>{class i{constructor(){this.httpService=d(K),this.formBuilder=d(Y),this.uploadProductService=d(oe)}getAttributes(e,t){return this.httpService.get("api/product/tiktok/GetAttributes",[{key:"ID",value:e},{key:"CategoryID",value:t}]).pipe(de(o=>this.uploadProductService.selectedProduct$.pipe(T(c=>(o=this.mappingAttributeSalesProperty(o,c),o)))))}mappingAttributeSalesProperty(e,t){let n=0;return e.filter(o=>(o.type=="SALES_PROPERTY"&&(n+=1),n>1?(n=0,!1):!0)).map(o=>(o.type=="SALES_PROPERTY"&&(o.name="Jenis Variant",o.is_multiple_selection=!1,o.is_required=this.isProductHasMoreVariant(t),o.values=[{id:"Warna",name:"Warna"},{id:"Ukuran",name:"Ukuran"}]),o))}isProductHasMoreVariant(e){let t=!1,n=[];return e.forEach(o=>{o.Variants&&n.push(o.Variants.length)}),t=n.some(o=>o>1),t}createFormGroup(e){let t=this.formBuilder.group({}),n=[];return e.forEach(o=>{n=[],o.is_required&&n.push(ge.required),t.addControl(o.id,this.formBuilder.control(null,n))}),t}getFilteredAttributes(e,t){let n=JSON.parse(JSON.stringify(e)),o=Object.keys(t),c=n.filter(W=>o.findIndex(Be=>parseInt(Be)==W.id)!=-1);return c=this.filterSelectedAttributes(c,t),c}filterSelectedAttributes(e,t){return e.map(o=>(_.IsNotEmpty(o.values)?o.is_multiple_selection?o.values=o.values.filter(c=>t[o.id]?.includes(c.id)):o.values=o.values.filter(c=>c.id==t[o.id]):t[o.id]&&(o.values=[{id:null,name:t[o.id]}]),o)).filter(o=>o?.values?.length>0)}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275prov=P({token:i,factory:i.\u0275fac})}}return i})();function Ge(i,p){i&1&&(l(0,"span",5),u(1,"*"),r())}function je(i,p){if(i&1&&f(0,"ng-select",6),i&2){let e=a().$implicit;m("multiple",!0)("formControlName",e.id)("items",e.values)("placeholder","Pilih "+(e==null?null:e.name))}}function Re(i,p){if(i&1&&f(0,"ng-select",7),i&2){let e=a().$implicit;m("formControlName",e.id)("items",e.values)("placeholder","Pilih "+(e==null?null:e.name))}}function Le(i,p){if(i&1&&f(0,"input",8),i&2){let e=a().$implicit;m("formControlName",e.id)("placeholder",e==null?null:e.name)}}function We(i,p){if(i&1&&(l(0,"small",5),u(1),r()),i&2){let e=a().$implicit;s(),Q(" ",e==null?null:e.name," is mandatory ")}}function He(i,p){if(i&1&&(l(0,"div",3)(1,"div",4),h(2,Ge,2,0,"span",5),l(3,"span"),u(4),r()(),h(5,je,1,4,"ng-select",6)(6,Re,1,3,"ng-select",7)(7,Le,1,2,"input",8)(8,We,2,1,"small",5),r()),i&2){let e=p.$implicit;s(2),E(e.is_required?2:-1),s(2),Q(" ",e==null?null:e.name," "),s(),E(e.is_multiple_selection?5:e.values!==null&&e.values.length>0?6:7),s(3),E(e.is_required?8:-1)}}function qe(i,p){if(i&1&&(N(0),l(1,"form",1)(2,"div",2),R(3,He,9,4,"div",3,j),r()(),U()),i&2){let e=p.ngIf,t=a();s(),m("formGroup",t.form),s(2),L(e)}}var Ve=(()=>{class i{constructor(){this.tiktokAttributeFormService=d(ae),this.attributesChanges=new w}ngOnChanges(){_.IsNotEmpty(this.categoryId)&&_.IsNotEmpty(this.channelId)&&(this.attributes$=this.tiktokAttributeFormService.getAttributes(this.channelId,this.categoryId).pipe(T(e=>e.filter(t=>!(t.type=="PRODUCT_PROPERTY"&&(_.IsEmpty(t.values)||t.values?.length==0)&&t.is_customizable==!1))),A(e=>{this.form=this.tiktokAttributeFormService.createFormGroup(e),this.listenToFormChange(e)}),ee(1)))}listenToFormChange(e){let t=[];this.formSubscription=this.form.valueChanges.subscribe(n=>{t=this.tiktokAttributeFormService.getFilteredAttributes(e,n),this.attributesChanges.emit(t)})}ngOnDestroy(){this.formSubscription&&this.formSubscription.unsubscribe()}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["tiktok-attribute-form"]],inputs:{channelId:"channelId",categoryId:"categoryId"},outputs:{attributesChanges:"attributesChanges"},features:[v([ae]),k],decls:2,vars:3,consts:[[4,"ngIf"],[3,"formGroup"],[1,"row"],[1,"col-6","mb-3"],[1,"mb-1"],[1,"text-danger"],["bindLabel","name","bindValue","id",3,"multiple","formControlName","items","placeholder"],["bindLabel","name","bindValue","id",3,"formControlName","items","placeholder"],["type","text",1,"form-control",3,"formControlName","placeholder"]],template:function(t,n){t&1&&(h(0,qe,5,1,"ng-container",0),g(1,"async")),t&2&&m("ngIf",y(1,1,n.attributes$))},dependencies:[S,V,x,B,O,D,q,te,$,H,z,J,Z],encapsulation:2})}}return i})();var se=(()=>{class i{constructor(){this.woocommerceUploadService=d(ie)}getAttributes(e,t){return this.woocommerceUploadService.getAttributes(e,t).pipe(T(n=>n.map(o=>({key:o.name,label:o.name}))))}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275prov=P({token:i,factory:i.\u0275fac})}}return i})();var $e=(()=>{class i{constructor(){this.wooAttributeFormService=d(se),this.channelId=re(),this.categoryId=re(),this.attributesChanges=new w}ngOnChanges(){_.IsNotEmpty(this.categoryId())&&_.IsNotEmpty(this.channelId())&&(this.attributes$=this.wooAttributeFormService.getAttributes(this.channelId(),this.categoryId()))}onSelectAttribute(e){this.attributesChanges.emit([e.key])}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["wooocommerce-attribute-form"]],inputs:{channelId:[1,"channelId"],categoryId:[1,"categoryId"]},outputs:{attributesChanges:"attributesChanges"},features:[v([se]),k],decls:6,vars:3,consts:[[1,"row"],[1,"col-6"],[1,"mb-1"],["bindLabel","label","bindValue","id","placeholder","Pilih Atribut",3,"change","items"]],template:function(t,n){t&1&&(l(0,"div",0)(1,"div",1)(2,"div",2),u(3,"Atribut"),r(),l(4,"ng-select",3),g(5,"async"),C("change",function(c){return n.onSelectAttribute(c)}),r()()()),t&2&&(s(4),m("items",y(5,1,n.attributes$)))},dependencies:[S,x,Z,B,O,D],encapsulation:2})}}return i})();var me=(()=>{class i{constructor(){this.httpService=d(K),this.formBuilder=d(Y)}getAttributes(e,t){return this.httpService.get("api/product/tokopedia/GetAttributes",[{key:"ID",value:e},{key:"CategoryID",value:t}]).pipe(T(o=>o))}createFormGroup(e){let t=this.formBuilder.group({});return e.forEach(n=>{t.addControl(n.variant,this.formBuilder.control(null))}),t}convertAttributes(e={}){return Object.values(e).filter(n=>n!==null).map(n=>JSON.stringify(n))}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275prov=P({token:i,factory:i.\u0275fac})}}return i})();function ze(i,p){if(i&1&&(l(0,"div",3)(1,"div",4),u(2),r(),f(3,"ng-select",5),r()),i&2){let e=p.$implicit;s(2),Q(" ",e==null?null:e.variant," "),s(),m("formControlName",e.variant)("items",e.values)("placeholder","Pilih "+(e==null?null:e.variant))}}function Je(i,p){if(i&1&&(N(0),l(1,"form",1)(2,"div",2),R(3,ze,4,4,"div",3,j),r()(),U()),i&2){let e=p.ngIf,t=a();s(),m("formGroup",t.form),s(2),L(e)}}var De=(()=>{class i{constructor(){this.tokpedAttrFormService=d(me),this.attributesChanges=new w}ngOnInit(){}ngOnChanges(e){_.IsNotEmpty(this.categoryId)&&_.IsNotEmpty(this.channelId)&&(this.attributes$=this.tokpedAttrFormService.getAttributes(this.channelId,this.categoryId).pipe(A(t=>{this.form=this.tokpedAttrFormService.createFormGroup(t),this.listenToFormChange()})))}listenToFormChange(){let e=[];this.formSubscription=this.form.valueChanges.subscribe(t=>{e=this.tokpedAttrFormService.convertAttributes(t),this.attributesChanges.emit(e)})}ngOnDestroy(){this.formSubscription&&this.formSubscription.unsubscribe()}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["tokopedia-attribute-form"]],inputs:{channelId:"channelId",categoryId:"categoryId"},outputs:{attributesChanges:"attributesChanges"},features:[v([me]),k],decls:2,vars:3,consts:[[4,"ngIf"],[3,"formGroup"],[1,"row"],[1,"col-6","mb-3"],[1,"mb-1"],["bindLabel","name","bindValue","id",3,"formControlName","items","placeholder"]],template:function(t,n){t&1&&(h(0,Je,5,1,"ng-container",0),g(1,"async")),t&2&&m("ngIf",y(1,1,n.attributes$))},dependencies:[S,V,x,B,O,D,q,$,H,z,J],encapsulation:2})}}return i})();var pe=(()=>{class i{constructor(){this.httpService=d(K),this.formBuilder=d(Y)}getAttributes(e){return this.httpService.get("api/product/shopify/GetAttributes",[{key:"ID",value:e}]).pipe(A(n=>(n.Options.StatusOptions=n.Options.Status.map(o=>({id:o,name:o})),n)))}createFormGroup(e){let t=this.formBuilder.group({});return Object.keys(e.Attribute).forEach(o=>{t.addControl(o,this.formBuilder.control(null))}),t}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275prov=P({token:i,factory:i.\u0275fac})}}return i})();function Ye(i,p){if(i&1&&(N(0),l(1,"form",1)(2,"div",2)(3,"div",3)(4,"div",4),u(5," Brand "),r(),f(6,"input",5),r(),l(7,"div",6)(8,"div",4),u(9," Product Type "),r(),f(10,"input",7),r(),l(11,"div",6)(12,"div",4),u(13," Status "),r(),f(14,"ng-select",8),r()()(),U()),i&2){let e=p.ngIf,t=a();s(),m("formGroup",t.form),s(13),m("items",e.Options.StatusOptions)}}var Oe=(()=>{class i{constructor(){this.attributesChanges=new w,this.shopifyFormService=d(pe)}ngOnChanges(e){e.channelId&&(this.attributes$=this.shopifyFormService.getAttributes(this.channelId).pipe(A(t=>{this.form=this.shopifyFormService.createFormGroup(t),this.listenToFormChange()})))}listenToFormChange(){this.formSubscription=this.form.valueChanges.pipe(ue(500)).subscribe(e=>{this.attributesChanges.emit([e])})}ngOnDestroy(){this.formSubscription.unsubscribe()}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["shopify-attribute-form"]],inputs:{channelId:"channelId"},outputs:{attributesChanges:"attributesChanges"},features:[v([pe]),k],decls:2,vars:3,consts:[[4,"ngIf"],[3,"formGroup"],[1,"row"],[1,"col-6","mb-3"],[1,"mb-1"],["formControlName","Brand","type","text","placeholder","brand",1,"form-control"],[1,"col-6"],["formControlName","ProductType","type","text","placeholder","Product Type",1,"form-control"],["formControlName","Status","bindLabel","name","bindValue","id","placeholder","Status",3,"items"]],template:function(t,n){t&1&&(h(0,Ye,15,2,"ng-container",0),g(1,"async")),t&2&&m("ngIf",y(1,1,n.attributes$))},dependencies:[S,V,x,D,q,te,$,H,z,J,B,O],encapsulation:2})}}return i})();function Ze(i,p){if(i&1&&(l(0,"div",6),f(1,"app-product-card",9),r()),i&2){let e=p.$implicit;s(),m("productId",e==null?null:e.ID)("title",e==null?null:e.Name)("image",e==null?null:e.ThumbnailUrl)("description",(e==null||e.Variants==null?null:e.Variants.length)>1?(e==null||e.Variants==null?null:e.Variants.length)+" Variants":null)("imageForZoom",e==null?null:e.ImageUrl)("code",e==null||e.Variants[0]==null?null:e.Variants[0].Code)("showFooter",!1)}}function Ke(i,p){if(i&1){let e=M();N(0),l(1,"mat-checkbox",21),Ce("ngModelChange",function(n){I(e);let o=a().$implicit;return _e(o.selected,n)||(o.selected=n),F(n)}),C("ngModelChange",function(){let n=I(e).ngIf,o=a(),c=o.$implicit,W=o.$index,X=a();return F(X.onSelectChannel(c,W,n))}),r(),U()}if(i&2){let e=a().$implicit;s(),he("ngModel",e.selected)}}function Qe(i,p){if(i&1&&(l(0,"div",18),f(1,"input",22),r()),i&2){let e=a().$implicit,t=a();m("matTooltip",e.type==t.channelType.Shopify?"Cannot change category, please change category in admin.shopify.com":e.type==t.channelType.Plugo?"You can change the category after the product has been uploaded to the Plugo Dashboard.":"")}}function Xe(i,p){if(i&1){let e=M();l(0,"app-channel-category-select",23),C("selectedCategory",function(n){I(e);let o=a().$index,c=a();return F(c.onCategoryChange(o,n))}),r()}if(i&2){let e=a().$implicit,t=a();m("disabled",!e.selected||e.selected&&e.type==t.channelType.Lazada)("channelId",e.id)("channelType",e.type)("categoryId",e.categoryId)}}function et(i,p){if(i&1){let e=M();l(0,"shopee-attribute-form",27),C("attributesChanges",function(n){I(e);let o=a(2).$index,c=a();return F(c.onAttributesChange(o,n))}),r()}if(i&2){let e=a(2).$implicit;m("categoryId",e.categoryId)("channelId",e.id)("channelType",e.type)}}function tt(i,p){if(i&1){let e=M();l(0,"tiktok-attribute-form",28),C("attributesChanges",function(n){I(e);let o=a(2).$index,c=a();return F(c.onAttributesChange(o,n))}),r()}if(i&2){let e=a(2).$implicit;m("categoryId",e.categoryId)("channelId",e.id)}}function it(i,p){if(i&1){let e=M();l(0,"wooocommerce-attribute-form",28),C("attributesChanges",function(n){I(e);let o=a(2).$index,c=a();return F(c.onAttributesChange(o,n))}),r()}if(i&2){let e=a(2).$implicit;m("categoryId",e.categoryId)("channelId",e.id)}}function ot(i,p){if(i&1){let e=M();l(0,"tokopedia-attribute-form",28),C("attributesChanges",function(n){I(e);let o=a(2).$index,c=a();return F(c.onAttributesChange(o,n))}),r()}if(i&2){let e=a(2).$implicit;m("categoryId",e.categoryId)("channelId",e.id)}}function nt(i,p){if(i&1&&(l(0,"div",20)(1,"div",24),h(2,et,1,3,"shopee-attribute-form",25)(3,tt,1,2,"tiktok-attribute-form",26)(4,it,1,2,"wooocommerce-attribute-form",26)(5,ot,1,2,"tokopedia-attribute-form",26),r()()),i&2){let e,t=a().$implicit,n=a();s(2),E((e=t.type)===n.channelType.Shopee?2:e===n.channelType.Tiktok?3:e===n.channelType.WooCommerce?4:e===n.channelType.Tokopedia?5:-1)}}function rt(i,p){if(i&1){let e=M();l(0,"div",20)(1,"div",24)(2,"shopify-attribute-form",29),C("attributesChanges",function(n){I(e);let o=a().$index,c=a();return F(c.onAttributesChange(o,n))}),r()()()}if(i&2){let e=a().$implicit;s(2),m("channelId",e.id)}}function at(i,p){if(i&1&&(l(0,"div",8)(1,"div",10)(2,"div",11)(3,"div",12)(4,"div",13)(5,"div"),h(6,Ke,2,1,"ng-container",14),g(7,"async"),r(),l(8,"div"),f(9,"app-channel-logo",15),r(),l(10,"div",16)(11,"span"),u(12),r()()()(),l(13,"div",12)(14,"div",17),h(15,Qe,2,1,"div",18)(16,Xe,1,4,"app-channel-category-select",19),r()()(),h(17,nt,6,1,"div",20)(18,rt,3,1,"div",20),r()()),i&2){let e=p.$implicit,t=a();s(6),m("ngIf",y(7,8,t.defaultCategories$)),s(3),m("typeId",e.type)("showChannelName",!1),s(),m("matTooltip",e.name)("matTooltipShowDelay",2500),s(2),fe(e.name),s(3),E(e.type==t.channelType.Shopify||e.type==t.channelType.Plugo?15:16),s(2),E(e.categoryId&&t.channelType.Lazada!=e.type&&e.selected?17:t.channelType.Shopify==e.type&&e.selected?18:-1)}}var qi=(()=>{class i{constructor(){this.uploadProductService=d(oe),this.selectedProducts$=this.uploadProductService.selectedProduct$,this.channelProductUploads=this.uploadProductService.channelProductUpload,this.channelType=be,this.defaultCategories$=this.uploadProductService.getDefaultCategory().pipe(ee(1))}onCategoryChange(e,t){this.channelProductUploads.update(n=>n.map((o,c)=>(c==e&&(o.categoryId=t,o.attributes=[]),o)))}onAttributesChange(e,t){this.channelProductUploads.update(n=>n.map((o,c)=>(c==e&&(o.attributes=t),o)))}onSelectChannel(e,t,n){this.channelProductUploads.update(o=>o.map((c,W)=>{if(W==t&&e.selected){let X=this.findCategoryByChannelId(e.id,n);c.categoryId=X?.DefaultCategoryID}return W==t&&!e.selected&&(c.categoryId=null),c}))}findCategoryByChannelId(e,t){return t.find(n=>n.ID===e)}onUploadProduct(){this.uploadProductService.onUploadProduct(this.channelProductUploads())}ngOnDestroy(){this.uploadProductService.clearSelectedProduct()}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=b({type:i,selectors:[["app-product-upload"]],features:[v([Ae,Pe,ke,ie])],decls:17,vars:5,consts:[["headerTitle","Upload Product To Channel",3,"hideSearchBox","hideSearchDropdown"],[1,"btn","btn-light","shadow","rounded","ms-2",3,"click","disabled"],["aria-hidden","true",1,"fa","fa-upload"],[1,"container-fluid","mt-6"],[1,"ps-3","mt-8","pb-5","fw-medium"],[1,"row","mb-10","ps-3"],[1,"col-12","col-md-6","col-xl-4","px-3","my-3"],[1,"ps-3","mb-8","border-bottom","pb-5","fw-medium"],[1,"row","mb-6"],[3,"productId","title","image","description","imageForZoom","code","showFooter"],[1,"col-12"],[1,"row"],[1,"col-3"],[1,"d-flex","align-items-center"],[4,"ngIf"],[3,"typeId","showChannelName"],[2,"overflow","hidden","text-overflow","ellipsis","white-space","nowrap",3,"matTooltip","matTooltipShowDelay"],[1,"w-100"],["matTooltipPosition","above",3,"matTooltip"],[3,"disabled","channelId","channelType","categoryId"],[1,"row","my-3"],["color","primary",1,"example-margin",3,"ngModelChange","ngModel"],["disabled","","type","text","placeholder","Category Unavailable",1,"form-control","rounded-1",2,"height","35px"],[3,"selectedCategory","disabled","channelId","channelType","categoryId"],[1,"col-12","ps-11"],[3,"categoryId","channelId","channelType"],[3,"categoryId","channelId"],[3,"attributesChanges","categoryId","channelId","channelType"],[3,"attributesChanges","categoryId","channelId"],[3,"attributesChanges","channelId"]],template:function(t,n){if(t&1&&(l(0,"mainpanel",0)(1,"actions")(2,"button",1),C("click",function(){return n.onUploadProduct()}),f(3,"i",2),u(4," Upload "),r()(),l(5,"content")(6,"div",3)(7,"h3",4),u(8,"Product To Upload"),r(),l(9,"div",5),R(10,Ze,2,7,"div",6,j),g(12,"async"),r(),l(13,"h3",7),u(14,"Channel To Upload"),r(),R(15,at,19,10,"div",8,j),r()()()),t&2){let o;m("hideSearchBox",!0)("hideSearchDropdown",!0),s(2),m("disabled",((o=n.channelProductUploads())==null?null:o.length)==0),s(8),L(y(12,3,n.selectedProducts$)),s(5),L(n.channelProductUploads())}},dependencies:[S,V,x,Ee,Ie,Se,Ue,Ne,Te,Fe,Z,$,ye,xe,ve,Ve,$e,De,Oe,we,Me],encapsulation:2})}}return i})();export{qi as ProductUploadComponent};