https://dashboard.merchbridge.com/static/js/161.820d0548.chunk.js

1(this.webpackJsonpapp=this.webpackJsonpapp||[]).push([[161],{1690:function(e,l,t){"use strict";t.r(l),t.d(l,"default",(function(){return I}));var a=t(1),r=t(26),n=t.n(r),s=t(66),u=t.n(s),o=t(0),c=t.n(o),i=t(11),b=t(2),p=t(41),f=t(4),d=t(44),O=t(625),h=t(1617);const y=Object(o.lazy)(()=>t.e(26).then(t.bind(null,1674))),v=Object(o.lazy)(()=>Promise.resolve().then(t.bind(null,427))),m={Store:{Key:"storeID",Label:"Store",DefaultValue:["All"]},Status:{Key:"status",Label:"Status",DefaultValue:["All"]}},D=[{value:f.lb.NOT_START,label:"UPCOMING"},{value:f.lb.ONGOING,label:f.lb.ONGOING},{value:f.lb.EXPIRED,label:f.lb.EXPIRED},{value:f.lb.DEACTIVATED,label:f.lb.DEACTIVATED}],C={platform:"tiktok",limit:200};function I(){const{setFilter:e,filter:l}=Object(h.f)(),{storeID:t,status:r}=l,{currentUser:s}=Object(i.c)(),{isMarketplaceManager:o,isStoreManager:I,isSeller:j}=Object(b.j)(s),[A]=Object(p.a)(),[S,g]=c.a.useReducer(b.Hb,{search:"",storeID:k(t),status:k(r),appliedFilters:new Map}),F=j||o||I,[R,K]=(c.a.useMemo(()=>function(e){const l=function(e){let l=e;Array.isArray(e)&&([l]=e);return"All"===l||null==l?null:l===f.I?"":l}(e);return l?[l]:[]}(S.storeID),[S.storeID]),Object(O.c)([],!F,E,C)),[M,T]=c.a.useReducer(b.Hb,{options:D,selectedOptions:[]}),V=c.a.useCallback((e,l,t)=>{let a=l;Array.isArray(l)&&!t&&([a]=l),null!=a&&e(e=>{if(Object(b.c)(e.options))return e;const l=e.options.filter(e=>t?a.includes(e.value):e.value===a);return{...e,selectedOptions:l}})},[]),N=c.a.useRef();c.a.useEffect(()=>{if(u()(N.current,t))return;const e=k(t);g({storeID:e}),N.current=e},[t]);const G=c.a.useRef();c.a.useEffect(()=>{if(G.current,S)return;const e=k(r);g({status:e}),V(T,e,!0),G.current=!0},[r]);const L=c.a.useCallback(l=>{g({search:l}),A(()=>{e({search:l})})},[]),P=c.a.useCallback(()=>{g({search:""}),A(()=>{e({search:""})})},[]),w=c.a.useCallback(l=>t=>{g(a=>(a.appliedFilters.delete(t),a[t]=l,e({[t]:null}),a))},[]),$=c.a.useCallback(()=>{P();for(const{Key:e,DefaultValue:l}of Object.values(m))S.appliedFilters.has(e)&&w(l)(e)},[S.appliedFilters,w]),q=c.a.useCallback((e,l)=>{g(t=>(t.appliedFilters.set(e,l),l&&l.label||t.appliedFilters.delete(e),{...t,appliedFilters:t.appliedFilters}))},[]),z=c.a.useCallback(l=>t=>{const{Key:a,DefaultValue:r}=l||{},{ids:s,...u}=function(e,l){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"title";if(Object(b.c)(e))return{};const{Key:a,Label:r}=l,s=e=>e.value,u=e=>"string"===typeof e.label?e.label:n()(e,`data[${t}]`,""),o=e.map(s),c=e.map(u).join(", ");return{ids:o,key:a,label:c?`${r}: ${c}`:""}}(t,l);q(a,{...u,onRemove:w(r)}),g({[a]:s||[]}),A(()=>{e({[a]:(null===s||void 0===s?void 0:s.length)>0?s[0]:null})})},[w,q]),H=c.a.useCallback(e=>function(){z(e)(...arguments)},[z]),J=c.a.useMemo(()=>{const{Store:e,Status:l}=m;return[F&&{key:e.Key,label:e.Label,filter:c.a.createElement(d.a,null,c.a.createElement(y,{loading:R.loading,error:R.error,value:S.storeID,options:R.options,onChange:H(e),onSearchChange:K}))},{key:l.Key,label:l.Label,filter:c.a.createElement(d.a,null,c.a.createElement(v,{noSearch:!0,options:M.options,value:S.status,onChange:H(l)}))}].filter(Boolean)},[F,...Object.values(R),...Object.values(M),S.storeID,S.status,H]),Q=c.a.useRef(!1);return c.a.useEffect(()=>{Object(b.c)(M.selectedOptions)||Q.current||(z(m.Status)(M.selectedOptions),Q.current=!0)},[M.selectedOptions,z]),c.a.createElement(a.r,{filters:J,queryPlaceholder:"Search promotion",appliedFilters:Array.from(S.appliedFilters.values()),queryValue:S.search,onQueryChange:L,onQueryClear:P,onClearAll:$})}function k(e){return null==e?["All"]:""===e?[f.I]:[e]}const E="\n  id\n  title\n  domain\n  email\n  platform\n"}}]);
2//# sourceMappingURL=161.820d0548.chunk.js.map